#7CA6CF

#7CA6CF

Color Values

HEX

#7CA6CF

RGB

124, 166, 207

HSL

209.6, 46.4%, 64.9%

HSV

209.6, 40.1%, 81.2%

CMYK

40.1%, 19.8%, 0.0%, 18.8%

OKLCH

0.71 0.0756 248.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7CA6CF

#CFA57C

Analogous

#7CCFCE

#7C7DCF

#7CA6CF

Triadic

#7CA6CF

#CF7CA6

#A6CF7C

Split Complementary

#7CA6CF

#CF7C7D

#CFCE7C

Tetradic

#7CA6CF

#CE7CCF

#CFA57C

#7DCF7C

Color Blindness Simulation

Original

#7CA6CF

Protanopia

#8E8FC5

Deuteranopia

#8C89C3

Tritanopia

#7EBDBC

Achromatopsia

#A0A0A0

CSS Usage

background-color: #7CA6CF;
color: #7CA6CF;
border-color: #7CA6CF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEC
300
#A5C2DE
400
#75A1CC
500
#4480BB
600
#376795
700
#2C5277
800
#22405D
900
#1C3145
950
#121F2B

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026