#708394

#708394

Color Values

HEX

#708394

RGB

112, 131, 148

HSL

208.3, 14.4%, 51.0%

HSV

208.3, 24.3%, 58.0%

CMYK

24.3%, 11.5%, 0.0%, 42.0%

OKLCH

0.6008 0.0342 245.4

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#708394

#948170

Analogous

#709493

#707194

#708394

Triadic

#708394

#947083

#839470

Split Complementary

#708394

#947071

#949370

Tetradic

#708394

#937094

#948170

#719470

Color Blindness Simulation

Original

#708394

Protanopia

#787890

Deuteranopia

#77768F

Tritanopia

#718D8C

Achromatopsia

#808080

CSS Usage

background-color: #708394;
color: #708394;
border-color: #708394;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DCE0
300
#B9C2CB
400
#93A1AE
500
#6D8192
600
#576775
700
#46525D
800
#374049
900
#2A3137
950
#1B1F23

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass AAA Fail

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