#556351

#556351

Color Values

HEX

#556351

RGB

85, 99, 81

HSL

106.7, 10.0%, 35.3%

HSV

106.7, 18.2%, 38.8%

CMYK

14.1%, 0.0%, 18.2%, 61.2%

OKLCH

0.4823 0.0331 138.8

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#556351

#5F5163

Analogous

#5E6351

#516356

#556351

Triadic

#556351

#515563

#635155

Split Complementary

#556351

#565163

#63515E

Tetradic

#556351

#515E63

#5F5163

#635651

Color Blindness Simulation

Original

#556351

Protanopia

#5B5B55

Deuteranopia

#5A5956

Tritanopia

#56595A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #556351;
color: #556351;
border-color: #556351;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D9DFD8
300
#BEC8BC
400
#9BAA97
500
#788C73
600
#60705C
700
#4D5A49
800
#3C4639
900
#2E352C
950
#1D211C

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail 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