HEX Color #7C8AE9 (Cornflowerblue)

About #7C8AE9

The hex code #7C8AE9 represents a beautifully specific shade of blue. Its closest recognized web color is Cornflowerblue. This translates to an RGB value of rgb(124, 138, 233).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 47% cyan and 41% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7C8AE9

RGB124, 138, 233

HSL232.3°, 71.2%, 70.0%

CMYK47%, 41%, 0%, 9%

HSV232.3°, 46.8%, 91.4%

LAB60.2, 19.8, -49.7

XYZ32.1, 28.3, 80.9

Decimal8162025

Color Harmonies

Complementary

#7C8AE9 #E9DA7B

Analogous

#7BC0E9 #A47BE9

Triadic

#E97B89 #8AE97B

Tetradic

#E97BC0 #E9DA7B #7BE9A4

Tints, Shades & Tones

Tints (Adding White)

#7C8AE9

#8A97EB

#99A4ED

#A7B1F0

#B6BEF2

#C4CBF5

#D3D8F7

#E1E5FA

#F0F2FC

#FFFFFF

Shades (Adding Black)

#7C8AE9

#6E7ACF

#606BB5

#525C9B

#444C81

#373D67

#292E4D

#1B1E33

#0D0F19

#000000

WCAG Contrast Accessibility

3.15:1

Text on #FFFFFF

AA Large

6.67:1

Text on #000000

AA

3.01:1

Text on #F8FAFC

AA Large

5.67:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED