Teal Blue

#034054

General Information about Teal Blue

Teal Blue, represented by the hexadecimal color code #034054, is a dark and muted shade of cyan-green. It evokes feelings of tranquility, sophistication, and depth. This color is composed of 1.2% red, 25.1% green, and 32.9% blue. In the RGB color space, it has a relatively low intensity, making it suitable for backgrounds or accent elements where a subtle and calming effect is desired. Teal Blue sits between blue and green on the color wheel, combining the stability of blue with the growth of green, making it a versatile choice for various design applications. Its low saturation gives it a sophisticated and understated appearance.

The hex color #034054, also known as Teal Blue, presents some accessibility considerations, particularly for text and interactive elements. Due to its relatively dark nature (low luminance), it is crucial to ensure sufficient contrast against lighter backgrounds to meet WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using #034054 for text on a white background might not provide adequate contrast, potentially causing readability issues for users with visual impairments. Therefore, it is advisable to pair this color with very light shades or even white to enhance accessibility. For interactive elements like buttons, proper focus indicators with sufficient contrast are essential when using this color as the background or foreground.

Shades

Digital Color Formats

RGB
3 64 84
RGB3 64 84
Red
Green
Blue
HSL
194.81deg 93.1% 17.06%
194.8193.117.06HSL
Hue
Saturation
Lightness
HWB
194.81deg 1.18% 67.06%
194.811.1867.06HWB
Hue
Whiteness
Blackness
hex#034054
rgb3 64 84
hsl194.81deg 93.1% 17.06%
cmyk96.43% 23.81% 0% 67.06%
hwb194.81deg 1.18% 67.06%
xyz-d650.03 0.04 0.09
oklch0.3469 0.0655 227.18
oklab0.3469 -0.04 -0.05
CMYK
96.43% 23.81% 0% 67.06%
96.4323.81067.06CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.09
0.030.040.09XYZ
X
Y
Z
OKLCH
0.3469 0.0655 227.18
0.34690.0655227.18LCH
Lightness
Chroma
Hue
OKLAB
0.3469 -0.04 -0.05
0.3469-0.04-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons