HEX Color #007CB6 (Steelblue)

About #007CB6

Visually, #007CB6 is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Steelblue. Its digital footprint relies on 0 parts red, 124 parts green, and 182 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 100% cyan and 32% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#007CB6

RGB0, 124, 182

HSL199.1°, 100.0%, 35.7%

CMYK100%, 32%, 0%, 29%

HSV199.1°, 100.0%, 71.4%

LAB49.2, -7.2, -38.5

XYZ15.7, 17.8, 46.9

Decimal31926

Color Harmonies

Complementary

#007CB6 #B63900

Analogous

#00B694 #0021B6

Triadic

#B6007C #7CB600

Tetradic

#9400B6 #B63900 #21B600

Tints, Shades & Tones

Tints (Adding White)

#007CB6

#1C8ABE

#3899C6

#55A7CE

#71B6D6

#8DC4DE

#AAD3E6

#C6E1EE

#E2F0F6

#FFFFFF

Shades (Adding Black)

#007CB6

#006EA1

#00608D

#005279

#004465

#003750

#00293C

#001B28

#000D14

#000000

WCAG Contrast Accessibility

4.61:1

Text on #FFFFFF

AA

4.56:1

Text on #000000

AA

4.40:1

Text on #F8FAFC

AA Large

3.88:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #007CB6; }

.text-color { color: #007CB6; }

.border-color { border: 2px solid #007CB6; }

Similar Colors

Steelblue

#4682B4