#556362

#556362

Color Values

HEX

#556362

RGB

85, 99, 98

HSL

175.7, 7.6%, 36.1%

HSV

175.7, 14.1%, 38.8%

CMYK

14.1%, 0.0%, 1.0%, 61.2%

OKLCH

0.4875 0.0172 191.3

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#556362

#635556

Analogous

#55635B

#555D63

#556362

Triadic

#556362

#625563

#636255

Split Complementary

#556362

#63555D

#635B55

Tetradic

#556362

#5B5563

#635556

#5D6355

Color Blindness Simulation

Original

#556362

Protanopia

#5B5B62

Deuteranopia

#5A5962

Tritanopia

#566262

Achromatopsia

#606060

CSS Usage

background-color: #556362;
color: #556362;
border-color: #556362;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDE
300
#BDC6C6
400
#99A8A7
500
#768988
600
#5E6E6D
700
#4B5857
800
#3B4544
900
#2D3433
950
#1D2120

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

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