#55825A

#55825A

Color Values

HEX

#55825A

RGB

85, 130, 90

HSL

126.7, 20.9%, 42.2%

HSV

126.7, 34.6%, 51.0%

CMYK

34.6%, 0.0%, 30.8%, 49.0%

OKLCH

0.5626 0.0788 147.2

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#55825A

#82557D

Analogous

#678255

#558271

#55825A

Triadic

#55825A

#5A5582

#825A55

Split Complementary

#55825A

#715582

#825567

Tetradic

#55825A

#556782

#82557D

#827155

Color Blindness Simulation

Original

#55825A

Protanopia

#686964

Deuteranopia

#666266

Tritanopia

#576B6D

Achromatopsia

#767676

CSS Usage

background-color: #55825A;
color: #55825A;
border-color: #55825A;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E3D6
300
#B5CFB8
400
#8DB491
500
#659A6B
600
#517B55
700
#416344
800
#324D35
900
#273A29
950
#19241A

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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