HEX Color #076DBD (Cornflowerblue)

About #076DBD

When working with digital screens, the color #076DBD is rendered by mixing light. If you're using CSS, you might find it aligns closely with Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 109, and 189.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 96% cyan and 42% magenta inks. With a hue angle of 206.4 degrees, it sits comfortably in the blue spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#076DBD

RGB7, 109, 189

HSL206.4°, 92.9%, 38.4%

CMYK96%, 42%, 0%, 26%

HSV206.4°, 96.3%, 74.1%

LAB45.2, 5.0, -49.1

XYZ14.7, 14.7, 50.2

Decimal486845

Color Harmonies

Complementary

#076DBD #BD5707

Analogous

#07BDB2 #0711BD

Triadic

#BD076C #6CBD07

Tetradic

#B207BD #BD5707 #11BD07

Tints, Shades & Tones

Tints (Adding White)

#076DBD

#227DC4

#3E8DCB

#599DD3

#75ADDA

#90BEE1

#ACCEE9

#C7DEF0

#E3EEF7

#FFFFFF

Shades (Adding Black)

#076DBD

#0660A8

#055493

#04487E

#033C69

#033054

#02243F

#01182A

#000C15

#000000

WCAG Contrast Accessibility

5.34:1

Text on #FFFFFF

AA

3.93:1

Text on #000000

AA Large

5.11:1

Text on #F8FAFC

AA

3.34:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #076DBD; }

.text-color { color: #076DBD; }

.border-color { border: 2px solid #076DBD; }

Similar Colors

Cornflowerblue

#6495ED