HEX Color #5FA0F8 (Cornflowerblue)

About #5FA0F8

The precise color #5FA0F8 is an excellent choice for modern design projects. Designers often compare it to the standard color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 160, and 248.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 62% cyan and 35% magenta inks. The HSL representation is 214.5° hue, 91.6% saturation, and 67.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5FA0F8

RGB95, 160, 248

HSL214.5°, 91.6%, 67.3%

CMYK62%, 35%, 0%, 3%

HSV214.5°, 61.7%, 97.3%

LAB65.2, 5.6, -50.1

XYZ34.2, 34.4, 93.6

Decimal6267128

Color Harmonies

Complementary

#5FA0F8 #F8B65F

Analogous

#5FECF8 #6A5FF8

Triadic

#F85FA0 #A0F85F

Tetradic

#F85FEC #F8B65F #5FF86A

Tints, Shades & Tones

Tints (Adding White)

#5FA0F8

#70AAF8

#82B5F9

#94BFFA

#A6CAFB

#B7D4FB

#C9DFFC

#DBE9FD

#EDF4FE

#FFFFFF

Shades (Adding Black)

#5FA0F8

#548EDC

#497CC0

#3F6AA5

#345889

#2A476E

#1F3552

#152337

#0A111B

#000000

WCAG Contrast Accessibility

2.67:1

Text on #FFFFFF

FAIL

7.87:1

Text on #000000

AAA

2.55:1

Text on #F8FAFC

FAIL

6.69:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #5FA0F8; }

.text-color { color: #5FA0F8; }

.border-color { border: 2px solid #5FA0F8; }

Similar Colors

Cornflowerblue

#6495ED