Teal Blue

#063C58

General Information about Teal Blue (#063C58)

The hex color #063C58, also known as Teal Blue, is a dark and muted shade residing in the cyan-blue color spectrum. It combines the stability of blue with the invigorating aspects of green, creating a color that is often associated with tranquility, sophistication, and depth. In color theory, teal blue is considered a cool color, capable of evoking feelings of calmness and serenity. It is widely used in various design fields due to its versatility and ability to pair well with both warm and cool tones. The hexadecimal system represents colors using a combination of six characters, where each pair represents the intensity of red, green, and blue respectively. In this case, 06 represents a low intensity of red, 3C a moderate intensity of green, and 58 a slightly higher intensity of blue, resulting in the distinctive teal blue hue.

The hex color #063C58, a deep teal blue, presents specific accessibility considerations for web development. Its dark hue implies a need for light-colored text to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Using a color contrast checker is crucial to verify compliance. This color might not be suitable for small text or intricate UI elements if paired with a dark background. Thoughtful consideration of colorblindness is also essential; simulating different types of colorblindness can reveal potential challenges for users with visual impairments. Providing alternative visual cues, such as icons or text labels, can further enhance accessibility. When used in charts or graphs, ensure sufficient color differentiation and consider patterns or textures for those who may have difficulty distinguishing colors. Proper use of ARIA attributes can also improve accessibility for assistive technologies.

Shades

Digital Color Formats

RGB
6 60 88
RGB6 60 88
Red
Green
Blue
HSL
200.49deg 87.23% 18.43%
200.4987.2318.43HSL
Hue
Saturation
Lightness
HWB
200.49deg 2.35% 65.49%
200.492.3565.49HWB
Hue
Whiteness
Blackness
hex#063C58
rgb6 60 88
hsl200.49deg 87.23% 18.43%
cmyk93.18% 31.82% 0% 65.49%
hwb200.49deg 2.35% 65.49%
xyz-d650.03 0.04 0.1
oklch0.3387 0.0714 238.32
oklab0.3387 -0.04 -0.06
CMYK
93.18% 31.82% 0% 65.49%
93.1831.82065.49CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.1
0.030.040.1XYZ
X
Y
Z
OKLCH
0.3387 0.0714 238.32
0.33870.0714238.32LCH
Lightness
Chroma
Hue
OKLAB
0.3387 -0.04 -0.06
0.3387-0.04-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons