#708480

#708480

Color Values

HEX

#708480

RGB

112, 132, 128

HSL

168.0, 8.2%, 47.8%

HSV

168.0, 15.2%, 51.8%

CMYK

15.2%, 0.0%, 3.0%, 48.2%

OKLCH

0.5961 0.024 182.0

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#708480

#847074

Analogous

#708476

#707E84

#708480

Triadic

#708480

#807084

#848070

Split Complementary

#708480

#84707E

#847670

Tetradic

#708480

#767084

#847074

#7E8470

Color Blindness Simulation

Original

#708480

Protanopia

#797981

Deuteranopia

#787681

Tritanopia

#718282

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DEDD
300
#BDC7C5
400
#99A8A5
500
#758A86
600
#5E6E6B
700
#4B5856
800
#3B4543
900
#2D3433
950
#1C2120

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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