#708877

#708877

Color Values

HEX

#708877

RGB

112, 136, 119

HSL

137.5, 9.7%, 48.6%

HSV

137.5, 17.6%, 53.3%

CMYK

17.6%, 0.0%, 12.5%, 46.7%

OKLCH

0.6027 0.0376 154.3

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#708877

#887081

Analogous

#758870

#708883

#708877

Triadic

#708877

#777088

#887770

Split Complementary

#708877

#837088

#887075

Tetradic

#708877

#707588

#887081

#888370

Color Blindness Simulation

Original

#708877

Protanopia

#7A7B7B

Deuteranopia

#79777C

Tritanopia

#717E7F

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDA
300
#BCC8BF
400
#97AA9D
500
#738C7A
600
#5C7062
700
#4A5A4E
800
#3A463D
900
#2C352F
950
#1C211D

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026