#708C8F

#708C8F

Color Values

HEX

#708C8F

RGB

112, 140, 143

HSL

185.8, 12.2%, 50.0%

HSV

185.8, 21.7%, 56.1%

CMYK

21.7%, 2.1%, 0.0%, 43.9%

OKLCH

0.6195 0.032 204.4

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#708C8F

#8F7370

Analogous

#708F83

#707C8F

#708C8F

Triadic

#708C8F

#8F708C

#8C8F70

Split Complementary

#708C8F

#8F707C

#8F8370

Tetradic

#708C8F

#83708F

#8F7370

#7C8F70

Color Blindness Simulation

Original

#708C8F

Protanopia

#7C7C8E

Deuteranopia

#7A788E

Tritanopia

#718E8E

Achromatopsia

#868686

CSS Usage

background-color: #708C8F;
color: #708C8F;
border-color: #708C8F;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8C9
400
#95AAAC
500
#708C8F
600
#5A7072
700
#485A5C
800
#384648
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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