Teal Blue

#0A4963

General Information about Teal Blue (#0A4963)

Teal Blue, represented by the hexadecimal color code #0A4963, is a deep and complex shade that combines the calming aspects of blue with the invigorating qualities of green. This color is often associated with sophistication, tranquility, and stability. In color psychology, teal blue is believed to promote balance and harmony, making it a popular choice in various design applications. The hex code #0A4963 indicates a low red value (0A), a moderate green value (49), and a relatively high blue value (63), contributing to its cool and serene appearance. Teal blue is commonly used in branding to convey trust and reliability, and it's also favored in interior design for creating calming and inviting spaces. Its versatility makes it a staple in fashion and art as well, providing a rich and elegant alternative to traditional blues and greens.

The hex color #0A4963, a deep teal blue, presents some accessibility considerations for web development. Its darkness results in a relatively low contrast ratio against a standard white background. Therefore, using #0A4963 as a background color necessitates careful selection of foreground text colors. White or very light shades of gray or yellow are generally recommended to ensure sufficient contrast for readability, ideally aiming for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, as per WCAG guidelines. Avoid using this color for interactive elements unless accompanied by clear visual cues and sufficient contrast to indicate their interactive state. When employed for text, the font size should be considered; larger fonts enhance readability. Furthermore, provide alternative styling options or themes that offer higher contrast for users with visual impairments. Thoroughly testing the color combination with accessibility tools and real users is essential to guarantee an inclusive user experience.

Shades

Digital Color Formats

RGB
10 73 99
RGB10 73 99
Red
Green
Blue
HSL
197.53deg 81.65% 21.37%
197.5381.6521.37HSL
Hue
Saturation
Lightness
HWB
197.53deg 3.92% 61.18%
197.533.9261.18HWB
Hue
Whiteness
Blackness
hex#0A4963
rgb10 73 99
hsl197.53deg 81.65% 21.37%
cmyk89.9% 26.26% 0% 61.18%
hwb197.53deg 3.92% 61.18%
xyz-d650.05 0.06 0.13
oklch0.3817 0.0733 232.2
oklab0.3817 -0.04 -0.06
CMYK
89.9% 26.26% 0% 61.18%
89.926.26061.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.13
0.050.060.13XYZ
X
Y
Z
OKLCH
0.3817 0.0733 232.2
0.38170.0733232.2LCH
Lightness
Chroma
Hue
OKLAB
0.3817 -0.04 -0.06
0.3817-0.04-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons