HEX Color #00A0F0 (Cornflowerblue)

About #00A0F0

The precise color #00A0F0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Cornflowerblue. Its digital footprint relies on 0 parts red, 160 parts green, and 240 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 100% cyan and 33% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 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#00A0F0

RGB0, 160, 240

HSL200.0°, 100.0%, 47.1%

CMYK100%, 33%, 0%, 6%

HSV200.0°, 100.0%, 94.1%

LAB62.9, -6.1, -49.6

XYZ28.3, 31.4, 87.0

Decimal41200

Color Harmonies

Complementary

#00A0F0 #EF4F00

Analogous

#00EFC8 #0028EF

Triadic

#EF009F #9FEF00

Tetradic

#C700EF #EF4F00 #28EF00

Tints, Shades & Tones

Tints (Adding White)

#00A0F0

#1CAAF1

#38B5F3

#55BFF5

#71CAF6

#8DD4F8

#AADFFA

#C6E9FB

#E2F4FD

#FFFFFF

Shades (Adding Black)

#00A0F0

#008ED5

#007CBA

#006AA0

#005885

#00476A

#003550

#002335

#00111A

#000000

WCAG Contrast Accessibility

2.88:1

Text on #FFFFFF

FAIL

7.29:1

Text on #000000

AAA

2.75:1

Text on #F8FAFC

FAIL

6.19:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #00A0F0; }

.text-color { color: #00A0F0; }

.border-color { border: 2px solid #00A0F0; }

Similar Colors

Cornflowerblue

#6495ED