HEX Color #7CA0E2 (Cornflowerblue)

About #7CA0E2

The precise color #7CA0E2 is an excellent choice for modern design projects. Its closest recognized web color is Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 160, and 226.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 45% cyan, 29% magenta, 0% yellow, and 11% black. With a hue angle of 218.8 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7CA0E2

RGB124, 160, 226

HSL218.8°, 63.7%, 68.6%

CMYK45%, 29%, 0%, 11%

HSV218.8°, 45.1%, 88.6%

LAB65.7, 5.0, -37.2

XYZ34.6, 34.9, 76.9

Decimal8167650

Color Harmonies

Complementary

#7CA0E2 #E2BE7C

Analogous

#7CD2E2 #8A7CE2

Triadic

#E27C9F #A0E27C

Tetradic

#E27CD3 #E2BE7C #7CE28B

Tints, Shades & Tones

Tints (Adding White)

#7CA0E2

#8AAAE5

#99B5E8

#A7BFEB

#B6CAEE

#C4D4F2

#D3DFF5

#E1E9F8

#F0F4FB

#FFFFFF

Shades (Adding Black)

#7CA0E2

#6E8EC8

#607CAF

#526A96

#44587D

#374764

#29354B

#1B2332

#0D1119

#000000

WCAG Contrast Accessibility

2.63:1

Text on #FFFFFF

FAIL

7.98:1

Text on #000000

AAA

2.51:1

Text on #F8FAFC

FAIL

6.79:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED