HEX Color #7C8AF0 (Cornflowerblue)

About #7C8AF0

The hex code #7C8AF0 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Cornflowerblue. This translates to an RGB value of rgb(124, 138, 240).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 48% cyan, 43% magenta, 0% yellow, and 6% black. With a hue angle of 232.8 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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#7C8AF0

RGB124, 138, 240

HSL232.8°, 79.5%, 71.4%

CMYK48%, 43%, 0%, 6%

HSV232.8°, 48.3%, 94.1%

LAB60.6, 21.9, -53.0

XYZ33.1, 28.8, 86.2

Decimal8162032

Color Harmonies

Complementary

#7C8AF0 #F0E27B

Analogous

#7BC3F0 #A87BF0

Triadic

#F07B89 #89F07B

Tetradic

#F07BC3 #F0E27B #7BF0A8

Tints, Shades & Tones

Tints (Adding White)

#7C8AF0

#8A97F1

#99A4F3

#A7B1F5

#B6BEF6

#C4CBF8

#D3D8FA

#E1E5FB

#F0F2FD

#FFFFFF

Shades (Adding Black)

#7C8AF0

#6E7AD5

#606BBA

#525CA0

#444C85

#373D6A

#292E50

#1B1E35

#0D0F1A

#000000

WCAG Contrast Accessibility

3.11:1

Text on #FFFFFF

AA Large

6.75:1

Text on #000000

AA

2.97:1

Text on #F8FAFC

FAIL

5.74:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #7C8AF0; }

.text-color { color: #7C8AF0; }

.border-color { border: 2px solid #7C8AF0; }

Similar Colors

Cornflowerblue

#6495ED