Teal Blue

#004057

General Information about Teal Blue

Teal Blue, represented by the hexadecimal color code #004057, is a deep and calming shade that lies between blue and green on the color spectrum. It evokes feelings of tranquility, stability, and sophistication. In color psychology, teal is often associated with balance, harmony, and emotional recovery. The hex code #004057 indicates that the color is composed of 0% red, 25.1% green, and 34.1% blue. This particular shade of teal is relatively dark, making it suitable for backgrounds and design elements where a sense of depth and understated elegance is desired. Teal Blue is frequently used in corporate branding to convey trustworthiness and reliability.

The hex color #004057, also known as Teal Blue, presents some accessibility considerations for web developers. Its darkness necessitates careful selection of text and background colors to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text against its background. Using lighter colors such as white, light gray, or even pale yellows for text on a #004057 background will significantly improve readability. Tools like contrast checkers can accurately measure the contrast ratio between chosen colors. Furthermore, avoid relying solely on color to convey information, as users with color vision deficiencies may not perceive it correctly. Providing alternative visual cues, such as text labels or icons, enhances inclusivity.

Shades

Digital Color Formats

RGB
0 64 87
RGB0 64 87
Red
Green
Blue
HSL
195.86deg 100% 17.06%
195.8610017.06HSL
Hue
Saturation
Lightness
HWB
195.86deg 0% 65.88%
195.86065.88HWB
Hue
Whiteness
Blackness
hex#004057
rgb0 64 87
hsl195.86deg 100% 17.06%
cmyk100% 26.44% 0% 65.88%
hwb195.86deg 0% 65.88%
xyz-d650.04 0.04 0.1
oklch0.3479 0.0695 230.16
oklab0.3479 -0.04 -0.05
CMYK
100% 26.44% 0% 65.88%
10026.44065.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.1
0.040.040.1XYZ
X
Y
Z
OKLCH
0.3479 0.0695 230.16
0.34790.0695230.16LCH
Lightness
Chroma
Hue
OKLAB
0.3479 -0.04 -0.05
0.3479-0.04-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons