#7196B4

#7196B4

Color Values

HEX

#7196B4

RGB

113, 150, 180

HSL

206.9, 30.9%, 57.5%

HSV

206.9, 37.2%, 70.6%

CMYK

37.2%, 16.7%, 0.0%, 29.4%

OKLCH

0.6568 0.0608 243.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7196B4

#B48F71

Analogous

#71B4B1

#7175B4

#7196B4

Triadic

#7196B4

#B47196

#96B471

Split Complementary

#7196B4

#B47175

#B4B171

Tetradic

#7196B4

#B171B4

#B48F71

#75B471

Color Blindness Simulation

Original

#7196B4

Protanopia

#8181AD

Deuteranopia

#7F7CAB

Tritanopia

#73A7A6

Achromatopsia

#909090

CSS Usage

background-color: #7196B4;
color: #7196B4;
border-color: #7196B4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DCE6
300
#AFC4D5
400
#83A4BE
500
#5884A7
600
#466986
700
#38546B
800
#2C4253
900
#23323E
950
#161F27

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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