#7496C6

#7496C6

Color Values

HEX

#7496C6

RGB

116, 150, 198

HSL

215.1, 41.8%, 61.6%

HSV

215.1, 41.4%, 77.6%

CMYK

41.4%, 24.2%, 0.0%, 22.4%

OKLCH

0.6663 0.0813 257.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7496C6

#C6A474

Analogous

#74BFC6

#7B74C6

#7496C6

Triadic

#7496C6

#C67496

#96C674

Split Complementary

#7496C6

#C67B74

#BFC674

Tetradic

#7496C6

#C674BF

#C6A474

#74C67B

Color Blindness Simulation

Original

#7496C6

Protanopia

#8383BA

Deuteranopia

#817EB8

Tritanopia

#76B1AF

Achromatopsia

#929292

CSS Usage

background-color: #7496C6;
color: #7496C6;
border-color: #7496C6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CCD9EA
300
#A8BDDB
400
#799AC8
500
#4A76B5
600
#3B5F91
700
#2F4C74
800
#253B5A
900
#1E2D43
950
#131D2A

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.92: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