Teal Blue

#033E5A

General Information about Teal Blue

The hex color code #033E5A, also known as Teal Blue, represents a dark, muted shade of cyan-blue. It's composed of 1.18% red, 24.31% green, and 35.29% blue. In the RGB color space, this translates to (3, 62, 90). Teal Blue is often associated with tranquility, sophistication, and stability, making it a popular choice for designs aiming to evoke these feelings. It's a versatile color that can be used in various contexts, from corporate branding to website design. Understanding the color's properties and its psychological effects is essential for designers to effectively utilize it in their projects. Complementary colors to Teal Blue usually contains orange hues.

The hex color #033e5a, also known as Teal Blue, presents several accessibility considerations for web developers. Its dark hue results in a low contrast ratio against standard white backgrounds, which can pose challenges for users with visual impairments. To ensure readability and usability, it's crucial to pair this color with light-colored text or elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. Developers should utilize contrast checking tools to verify compliance. Moreover, avoid using color alone to convey important information; supplement it with text labels or icons. Thoughtful implementation of #033e5a can enhance the visual appeal while maintaining accessibility standards.

Shades

Digital Color Formats

RGB
3 62 90
RGB3 62 90
Red
Green
Blue
HSL
199.31deg 93.55% 18.24%
199.3193.5518.24HSL
Hue
Saturation
Lightness
HWB
199.31deg 1.18% 64.71%
199.311.1864.71HWB
Hue
Whiteness
Blackness
hex#033E5A
rgb3 62 90
hsl199.31deg 93.55% 18.24%
cmyk96.67% 31.11% 0% 64.71%
hwb199.31deg 1.18% 64.71%
xyz-d650.04 0.04 0.1
oklch0.3448 0.0732 236.79
oklab0.3448 -0.04 -0.06
CMYK
96.67% 31.11% 0% 64.71%
96.6731.11064.71CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.1
0.040.040.1XYZ
X
Y
Z
OKLCH
0.3448 0.0732 236.79
0.34480.0732236.79LCH
Lightness
Chroma
Hue
OKLAB
0.3448 -0.04 -0.06
0.3448-0.04-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons