HEX Color #7CA0C5 (Lightslategray)

About #7CA0C5

The precise color #7CA0C5 is an excellent choice for modern design projects. Designers often compare it to the standard color Lightslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 160, and 197.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 37% C, 19% M, 0% Y, and 23% K. 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#7CA0C5

RGB124, 160, 197

HSL210.4°, 38.6%, 62.9%

CMYK37%, 19%, 0%, 23%

HSV210.4°, 37.1%, 77.3%

LAB64.5, -3.1, -23.0

XYZ31.0, 33.5, 57.6

Decimal8167621

Color Harmonies

Complementary

#7CA0C5 #C5A17B

Analogous

#7BC4C5 #7C7BC5

Triadic

#C57B9F #9FC57B

Tetradic

#C57BC4 #C5A17B #7BC57C

Tints, Shades & Tones

Tints (Adding White)

#7CA0C5

#8AAACB

#99B5D1

#A7BFD8

#B6CADE

#C4D4E5

#D3DFEB

#E1E9F2

#F0F4F8

#FFFFFF

Shades (Adding Black)

#7CA0C5

#6E8EAF

#607C99

#526A83

#44586D

#374757

#293541

#1B232B

#0D1115

#000000

WCAG Contrast Accessibility

2.73:1

Text on #FFFFFF

FAIL

7.69:1

Text on #000000

AAA

2.61:1

Text on #F8FAFC

FAIL

6.54:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Lightslategray

#778899