HEX Color #5FA0F0 (Cornflowerblue)

About #5FA0F0

Visually, #5FA0F0 is defined as a vivid blue. 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 95, 160, and 240.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 60% cyan and 33% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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#5FA0F0

RGB95, 160, 240

HSL213.1°, 82.9%, 65.7%

CMYK60%, 33%, 0%, 6%

HSV213.1°, 60.4%, 94.1%

LAB64.9, 3.0, -46.3

XYZ33.0, 33.9, 87.2

Decimal6267120

Color Harmonies

Complementary

#5FA0F0 #F0AF5E

Analogous

#5EE8F0 #665EF0

Triadic

#F05E9F #9FF05E

Tetradic

#F05EE8 #F0AF5E #5EF066

Tints, Shades & Tones

Tints (Adding White)

#5FA0F0

#70AAF1

#82B5F3

#94BFF5

#A6CAF6

#B7D4F8

#C9DFFA

#DBE9FB

#EDF4FD

#FFFFFF

Shades (Adding Black)

#5FA0F0

#548ED5

#497CBA

#3F6AA0

#345885

#2A476A

#1F3550

#152335

#0A111A

#000000

WCAG Contrast Accessibility

2.70:1

Text on #FFFFFF

FAIL

7.77:1

Text on #000000

AAA

2.58:1

Text on #F8FAFC

FAIL

6.61:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED