#708E9D

#708E9D

Color Values

HEX

#708E9D

RGB

112, 142, 157

HSL

200.0, 18.7%, 52.7%

HSV

200.0, 28.7%, 61.6%

CMYK

28.7%, 9.6%, 0.0%, 38.4%

OKLCH

0.6291 0.0407 229.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#708E9D

#9D7F70

Analogous

#709D95

#70779D

#708E9D

Triadic

#708E9D

#9D708E

#8E9D70

Split Complementary

#708E9D

#9D7077

#9D9570

Tetradic

#708E9D

#95709D

#9D7F70

#779D70

Color Blindness Simulation

Original

#708E9D

Protanopia

#7D7D99

Deuteranopia

#7B7998

Tritanopia

#719796

Achromatopsia

#898989

CSS Usage

background-color: #708E9D;
color: #708E9D;
border-color: #708E9D;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DEE2
300
#B6C6CD
400
#8FA7B2
500
#688797
600
#536C79
700
#425761
800
#34444C
900
#283339
950
#192024

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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