HEX Color #57A0F0 (Cornflowerblue)

About #57A0F0

The precise color #57A0F0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 160, and 240.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 64% cyan and 33% magenta inks. With a hue angle of 211.4 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#57A0F0

RGB87, 160, 240

HSL211.4°, 83.6%, 64.1%

CMYK64%, 33%, 0%, 6%

HSV211.4°, 63.7%, 94.1%

LAB64.5, 1.5, -46.9

XYZ32.2, 33.5, 87.2

Decimal5742832

Color Harmonies

Complementary

#57A0F0 #EFA657

Analogous

#57ECEF #5A57EF

Triadic

#EF579F #9FEF57

Tetradic

#EF57EC #EFA657 #57EF5A

Tints, Shades & Tones

Tints (Adding White)

#57A0F0

#69AAF1

#7CB5F3

#8FBFF5

#A1CAF6

#B4D4F8

#C7DFFA

#D9E9FB

#ECF4FD

#FFFFFF

Shades (Adding Black)

#57A0F0

#4D8ED5

#437CBA

#3A6AA0

#305885

#26476A

#1D3550

#132335

#09111A

#000000

WCAG Contrast Accessibility

2.73:1

Text on #FFFFFF

FAIL

7.69:1

Text on #000000

AAA

2.61:1

Text on #F8FAFC

FAIL

6.54:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED