HEX Color #83A0F8 (Cornflowerblue)

About #83A0F8

When working with digital screens, the color #83A0F8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Cornflowerblue. Its digital footprint relies on 131 parts red, 160 parts green, and 248 parts blue light.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#83A0F8

RGB131, 160, 248

HSL225.1°, 89.3%, 74.3%

CMYK47%, 35%, 0%, 3%

HSV225.1°, 47.2%, 97.3%

LAB67.1, 13.0, -47.1

XYZ38.9, 36.7, 93.9

Decimal8626424

Color Harmonies

Complementary

#83A0F8 #F8DB83

Analogous

#83DAF8 #A083F8

Triadic

#F8839F #9FF883

Tetradic

#F883DA #F8DB83 #83F8A0

Tints, Shades & Tones

Tints (Adding White)

#83A0F8

#90AAF8

#9EB5F9

#ACBFFA

#BACAFB

#C7D4FB

#D5DFFC

#E3E9FD

#F1F4FE

#FFFFFF

Shades (Adding Black)

#83A0F8

#748EDC

#657CC0

#576AA5

#485889

#3A476E

#2B3552

#1D2337

#0E111B

#000000

WCAG Contrast Accessibility

2.52:1

Text on #FFFFFF

FAIL

8.35:1

Text on #000000

AAA

2.40:1

Text on #F8FAFC

FAIL

7.10:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #83A0F8; }

.text-color { color: #83A0F8; }

.border-color { border: 2px solid #83A0F8; }

Similar Colors

Cornflowerblue

#6495ED