#556149

#556149

Color Values

HEX

#556149

RGB

85, 97, 73

HSL

90.0, 14.1%, 33.3%

HSV

90.0, 24.7%, 38.0%

CMYK

12.4%, 0.0%, 24.7%, 62.0%

OKLCH

0.4752 0.0402 129.5

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#556149

#554961

Analogous

#616149

#496149

#556149

Triadic

#556149

#495561

#614955

Split Complementary

#556149

#494961

#614961

Tetradic

#556149

#496161

#554961

#614949

Color Blindness Simulation

Original

#556149

Protanopia

#5A5A4F

Deuteranopia

#5A5950

Tritanopia

#565354

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDEFEB
200
#DBE0D6
300
#C2CAB9
400
#A1AE93
500
#80916E
600
#667458
700
#525D46
800
#404937
900
#30372A
950
#1F221B

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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