Teal Blue

#054B58

General Information about Teal Blue (#054B58)

The hex color #054B58, also known as Teal Blue, is a dark, muted shade that combines elements of both blue and green. It belongs to the family of cyan colors and is often associated with calmness, sophistication, and stability. The color is created by having very little red (05) and a larger, yet still relatively low, amount of green (4B) and blue (58). Teal Blue can be found in various natural settings, such as deep ocean waters and certain minerals. In color psychology, teal blue is thought to promote feelings of tranquility and balance, making it a popular choice for brands and designs aiming to convey a sense of trustworthiness and serenity. Its dark tone makes it well-suited for use as a background color, but care should be taken to ensure sufficient contrast with foreground elements for optimal readability.

The hex color #054b58, a deep teal blue, presents some accessibility challenges, particularly concerning color contrast. When used as text against a white background, the contrast ratio may fall below the WCAG (Web Content Accessibility Guidelines) recommended levels for readability, especially for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Therefore, it's advisable to pair this color with lighter shades of yellow, orange, or even light grays to ensure sufficient contrast. When #054b58 is used for interactive elements like buttons or links, clear visual cues such as underlines or borders are important to help users identify these elements and differentiate them from static text. Ensuring sufficient spacing around elements using this color also enhances usability, reducing the chance of accidental clicks and improving the overall user experience. Thorough testing with accessibility evaluation tools and ideally with users is important.

Shades

Digital Color Formats

RGB
5 75 88
RGB5 75 88
Red
Green
Blue
HSL
189.4deg 89.25% 18.24%
189.489.2518.24HSL
Hue
Saturation
Lightness
HWB
189.4deg 1.96% 65.49%
189.41.9665.49HWB
Hue
Whiteness
Blackness
hex#054B58
rgb5 75 88
hsl189.4deg 89.25% 18.24%
cmyk94.32% 14.77% 0% 65.49%
hwb189.4deg 1.96% 65.49%
xyz-d650.04 0.06 0.1
oklch0.3806 0.0652 214.85
oklab0.3806 -0.05 -0.04
CMYK
94.32% 14.77% 0% 65.49%
94.3214.77065.49CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.06 0.1
0.040.060.1XYZ
X
Y
Z
OKLCH
0.3806 0.0652 214.85
0.38060.0652214.85LCH
Lightness
Chroma
Hue
OKLAB
0.3806 -0.05 -0.04
0.3806-0.05-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons