#7C96C1

#7C96C1

Color Values

HEX

#7C96C1

RGB

124, 150, 193

HSL

217.4, 35.8%, 62.2%

HSV

217.4, 35.8%, 75.7%

CMYK

35.8%, 22.3%, 0.0%, 24.3%

OKLCH

0.6693 0.0707 260.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7C96C1

#C1A77C

Analogous

#7CB9C1

#857CC1

#7C96C1

Triadic

#7C96C1

#C17C96

#96C17C

Split Complementary

#7C96C1

#C1857C

#B9C17C

Tetradic

#7C96C1

#C17CB9

#C1A77C

#7CC185

Color Blindness Simulation

Original

#7C96C1

Protanopia

#8787B7

Deuteranopia

#8684B4

Tritanopia

#7DAEAD

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CFD8E8
300
#ACBCD8
400
#7F98C2
500
#5274AD
600
#415D8B
700
#344A6F
800
#293A57
900
#212D40
950
#151C28

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026