Teal Blue

#074057

General Information

The hex color #074057, commonly known as Teal Blue, is a dark shade of cyan-blue. It is composed of 2.75% red, 25.1% green, and 34.12% blue. In the RGB color model, it's defined as RGB(7, 64, 87). This color is often associated with calmness, sophistication, and stability. In color psychology, teal can represent clarity of thought and open communication. Teal Blue is frequently used in corporate branding, as well as in designs requiring a sense of trust and reliability. In web design, it is favored for backgrounds and accents to convey professionalism.

The hex color #074057, also known as Teal Blue, presents some accessibility challenges, particularly in text-based applications. Its low lightness value indicates that it is a dark color, which requires careful consideration of contrast ratios. When used as a foreground color, it's crucial to pair it with a light background to ensure sufficient contrast for readability, adhering to WCAG guidelines. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using online contrast checkers can help verify compliance. For users with visual impairments, including color blindness, adequate contrast is essential for distinguishing text and other visual elements. Avoid pairing #074057 with other dark colors, as this can make content inaccessible.

Shades

Digital Color Formats

RGB
7 64 87
RGB7 64 87
Red
Green
Blue
HSL
197.25deg 85.11% 18.43%
197.2585.1118.43HSL
Hue
Saturation
Lightness
HWB
197.25deg 2.75% 65.88%
197.252.7565.88HWB
Hue
Whiteness
Blackness
hex#074057
rgb7 64 87
hsl197.25deg 85.11% 18.43%
cmyk91.95% 26.44% 0% 65.88%
hwb197.25deg 2.75% 65.88%
xyz-d650.04 0.04 0.1
oklch0.3495 0.0671 231.69
oklab0.3495 -0.04 -0.05
CMYK
91.95% 26.44% 0% 65.88%
91.9526.44065.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.1
0.040.040.1XYZ
X
Y
Z
OKLCH
0.3495 0.0671 231.69
0.34950.0671231.69LCH
Lightness
Chroma
Hue
OKLAB
0.3495 -0.04 -0.05
0.3495-0.04-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons