#85B384

#85B384

Color Values

HEX

#85B384

RGB

133, 179, 132

HSL

118.7, 23.6%, 61.0%

HSV

118.7, 26.3%, 70.2%

CMYK

25.7%, 0.0%, 26.3%, 29.8%

OKLCH

0.7212 0.0832 144.1

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#85B384

#B284B3

Analogous

#9DB384

#84B39B

#85B384

Triadic

#85B384

#8485B3

#B38485

Split Complementary

#85B384

#9B84B3

#B3849D

Tetradic

#85B384

#849DB3

#B284B3

#B39B84

Color Blindness Simulation

Original

#85B384

Protanopia

#99998F

Deuteranopia

#969392

Tritanopia

#87989A

Achromatopsia

#A6A6A6

CSS Usage

background-color: #85B384;
color: #85B384;
border-color: #85B384;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D3E4D3
300
#B4D0B3
400
#8BB78A
500
#639E61
600
#4F7E4E
700
#3F653E
800
#314F31
900
#273B26
950
#182518

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.78:1

AA Pass AAA Pass

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