Teal Blue

#013C56

General Information about #013C56

The hex color #013C56, also known as Teal Blue, is a dark shade of cyan-blue that sits within the teal color family. It is composed of 0.4% red, 23.5% green, and 33.7% blue. In the RGB color model, this translates to 1 red, 60 green, and 86 blue. The corresponding CMYK values are 99% cyan, 30% magenta, 0% yellow, and 66% black. This color is often associated with sophistication, depth, and stability. It is commonly used in branding and design to convey a sense of trustworthiness and professionalism, offering a unique and memorable aesthetic.

The hex color #013C56, a deep teal blue, presents several accessibility considerations for web developers. Its low luminance value necessitates careful pairing with contrasting text and background colors to ensure readability. A light color, such as white or a very pale yellow, would be appropriate choices for text on a background of #013C56. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Tools like contrast checkers can verify compliance. Moreover, avoid using #013C56 as the sole indicator of interactive elements, as colorblind users might not perceive the difference. Supplement color cues with text labels or icons. Thoughtful consideration of these factors is vital for creating inclusive and accessible web experiences.

Shades

Digital Color Formats

RGB
1 60 86
RGB1 60 86
Red
Green
Blue
HSL
198.35deg 97.7% 17.06%
198.3597.717.06HSL
Hue
Saturation
Lightness
HWB
198.35deg 0.39% 66.27%
198.350.3966.27HWB
Hue
Whiteness
Blackness
hex#013C56
rgb1 60 86
hsl198.35deg 97.7% 17.06%
cmyk98.84% 30.23% 0% 66.27%
hwb198.35deg 0.39% 66.27%
xyz-d650.03 0.04 0.09
oklch0.3363 0.0708 235.06
oklab0.3363 -0.04 -0.06
CMYK
98.84% 30.23% 0% 66.27%
98.8430.23066.27CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.09
0.030.040.09XYZ
X
Y
Z
OKLCH
0.3363 0.0708 235.06
0.33630.0708235.06LCH
Lightness
Chroma
Hue
OKLAB
0.3363 -0.04 -0.06
0.3363-0.04-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons