#708395

#708395

Color Values

HEX

#708395

RGB

112, 131, 149

HSL

209.2, 14.9%, 51.2%

HSV

209.2, 24.8%, 58.4%

CMYK

24.8%, 12.1%, 0.0%, 41.6%

OKLCH

0.6012 0.0353 247.0

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#708395

#958270

Analogous

#709595

#707195

#708395

Triadic

#708395

#957083

#839570

Split Complementary

#708395

#957071

#959570

Tetradic

#708395

#957095

#958270

#719570

Color Blindness Simulation

Original

#708395

Protanopia

#787891

Deuteranopia

#777690

Tritanopia

#718D8C

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE1
300
#B9C2CB
400
#93A1AF
500
#6D8092
600
#576675
700
#45525E
800
#364049
900
#2A3137
950
#1A1F23

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026