HEX Color #5F92F8 (Cornflowerblue)

About #5F92F8

The hex code #5F92F8 represents a beautifully specific shade of 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, 146, and 248.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 62% C, 41% M, 0% Y, and 3% K. With a hue angle of 220.0 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5F92F8

RGB95, 146, 248

HSL220.0°, 91.6%, 67.3%

CMYK62%, 41%, 0%, 3%

HSV220.0°, 61.7%, 97.3%

LAB61.5, 13.8, -56.1

XYZ31.9, 29.8, 92.9

Decimal6263544

Color Harmonies

Complementary

#5F92F8 #F8C55F

Analogous

#5FDEF8 #785FF8

Triadic

#F85F91 #91F85F

Tetradic

#F85FDE #F8C55F #5FF878

Tints, Shades & Tones

Tints (Adding White)

#5F92F8

#709EF8

#82AAF9

#94B6FA

#A6C2FB

#B7CEFB

#C9DAFC

#DBE6FD

#EDF2FE

#FFFFFF

Shades (Adding Black)

#5F92F8

#5481DC

#4971C0

#3F61A5

#345189

#2A406E

#1F3052

#152037

#0A101B

#000000

WCAG Contrast Accessibility

3.02:1

Text on #FFFFFF

AA Large

6.95:1

Text on #000000

AA

2.89:1

Text on #F8FAFC

FAIL

5.91:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED