Teal Blue

#014D5D

General Information

Teal blue, represented by the hexadecimal color code #014D5D, is a dark and muted shade of cyan that falls within the blue-green spectrum. This color is frequently associated with serenity, stability, and sophistication. In color psychology, teal blue is often linked to emotional balance, wisdom, and creativity. It combines the calming properties of blue with the growth and renewal aspects of green. Teal blue is a popular choice in various design fields due to its versatility and visual appeal. It can be used as a primary color to establish a sense of trustworthiness and professionalism or as an accent color to add depth and visual interest.

The teal blue color #014D5D, with its dark and muted nature, presents specific accessibility considerations for web development. When using this color for text, it is crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using a light background color like white or a pale yellow can provide the necessary contrast. For interactive elements like buttons and links, visual cues beyond color alone are essential. Consider using underlines, borders, or icons to help users with color vision deficiencies identify these elements. Thoughtful application of this color can create a visually appealing and inclusive design.

Shades

Digital Color Formats

RGB
1 77 93
RGB1 77 93
Red
Green
Blue
HSL
190.43deg 97.87% 18.43%
190.4397.8718.43HSL
Hue
Saturation
Lightness
HWB
190.43deg 0.39% 63.53%
190.430.3963.53HWB
Hue
Whiteness
Blackness
hex#014D5D
rgb1 77 93
hsl190.43deg 97.87% 18.43%
cmyk98.92% 17.2% 0% 63.53%
hwb190.43deg 0.39% 63.53%
xyz-d650.05 0.06 0.11
oklch0.388 0.0693 217.99
oklab0.388 -0.05 -0.04
CMYK
98.92% 17.2% 0% 63.53%
98.9217.2063.53CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.11
0.050.060.11XYZ
X
Y
Z
OKLCH
0.388 0.0693 217.99
0.3880.0693217.99LCH
Lightness
Chroma
Hue
OKLAB
0.388 -0.05 -0.04
0.388-0.05-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons