#85CD89

#85CD89

Color Values

HEX

#85CD89

RGB

133, 205, 137

HSL

123.3, 41.9%, 66.3%

HSV

123.3, 35.1%, 80.4%

CMYK

35.1%, 0.0%, 33.2%, 19.6%

OKLCH

0.7834 0.1197 145.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#85CD89

#CD85C9

Analogous

#A5CD85

#85CDAD

#85CD89

Triadic

#85CD89

#8985CD

#CD8985

Split Complementary

#85CD89

#AD85CD

#CD85A5

Tetradic

#85CD89

#85A5CD

#CD85C9

#CDAD85

Color Blindness Simulation

Original

#85CD89

Protanopia

#A4A599

Deuteranopia

#A09B9D

Tritanopia

#89A6A9

Achromatopsia

#B9B9B9

CSS Usage

background-color: #85CD89;
color: #85CD89;
border-color: #85CD89;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F4E7
200
#CCEACE
300
#A8DBAB
400
#79C87D
500
#4AB550
600
#3B9140
700
#2F7433
800
#255A28
900
#1E4320
950
#132A14

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026