Teal Blue

#063F5E

General Information about Teal Blue (#063F5E)

The hex color code #063F5E represents a shade of Teal Blue. It is composed of 2.4% red, 24.7% green, and 36.9% blue. In the RGB color model, this translates to 6 red, 63 green, and 94 blue. The color has a hue angle of 197.6 degrees, a saturation of 88.1%, and a lightness of 19.6%. Teal Blue is often associated with calmness, serenity, and stability, and it is commonly used in various fields, from web design to interior decoration, to evoke feelings of trustworthiness and tranquility. This color falls within the cyan-blue spectrum and is considered a cool color.

The hex color #063F5E, also known as Teal Blue, presents some accessibility considerations for web development. Due to its relatively low lightness value, it's crucial to ensure sufficient contrast when used as text or background color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When pairing #063F5E with other colors, tools like WebAIM's Contrast Checker can be valuable to verify compliance. Using a lighter color for text on a #063F5E background is advisable. Also, consider users with color vision deficiencies by ensuring important information is not conveyed through color alone. Providing alternative visual cues such as icons or text labels can improve the overall accessibility of your website.

Shades

Digital Color Formats

RGB
6 63 94
RGB6 63 94
Red
Green
Blue
HSL
201.14deg 88% 19.61%
201.148819.61HSL
Hue
Saturation
Lightness
HWB
201.14deg 2.35% 63.14%
201.142.3563.14HWB
Hue
Whiteness
Blackness
hex#063F5E
rgb6 63 94
hsl201.14deg 88% 19.61%
cmyk93.62% 32.98% 0% 63.14%
hwb201.14deg 2.35% 63.14%
xyz-d650.04 0.04 0.11
oklch0.3507 0.0762 239.83
oklab0.3507 -0.04 -0.07
CMYK
93.62% 32.98% 0% 63.14%
93.6232.98063.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.11
0.040.040.11XYZ
X
Y
Z
OKLCH
0.3507 0.0762 239.83
0.35070.0762239.83LCH
Lightness
Chroma
Hue
OKLAB
0.3507 -0.04 -0.07
0.3507-0.04-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons