#85BE89

#85BE89

Color Values

HEX

#85BE89

RGB

133, 190, 137

HSL

124.2, 30.5%, 63.3%

HSV

124.2, 30.0%, 74.5%

CMYK

30.0%, 0.0%, 27.9%, 25.5%

OKLCH

0.748 0.0959 146.3

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#85BE89

#BE85BA

Analogous

#9DBE85

#85BEA5

#85BE89

Triadic

#85BE89

#8985BE

#BE8985

Split Complementary

#85BE89

#A585BE

#BE859D

Tetradic

#85BE89

#859DBE

#BE85BA

#BEA585

Color Blindness Simulation

Original

#85BE89

Protanopia

#9E9E96

Deuteranopia

#9A9699

Tritanopia

#88A0A2

Achromatopsia

#AEAEAE

CSS Usage

background-color: #85BE89;
color: #85BE89;
border-color: #85BE89;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D0E6D2
300
#AFD4B2
400
#84BD88
500
#59A65E
600
#47854B
700
#396A3C
800
#2C532F
900
#233E25
950
#162717

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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