#85C685

#85C685

Color Values

HEX

#85C685

RGB

133, 198, 133

HSL

120.0, 36.3%, 64.9%

HSV

120.0, 32.8%, 77.6%

CMYK

32.8%, 0.0%, 32.8%, 22.4%

OKLCH

0.7661 0.1129 144.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#85C685

#C685C6

Analogous

#A5C685

#85C6A5

#85C685

Triadic

#85C685

#8585C6

#C68585

Split Complementary

#85C685

#A585C6

#C685A5

Tetradic

#85C685

#85A5C6

#C685C6

#C6A585

Color Blindness Simulation

Original

#85C685

Protanopia

#A1A295

Deuteranopia

#9D9898

Tritanopia

#88A1A4

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8CE
300
#ACD8AC
400
#7EC37E
500
#51AE51
600
#418B41
700
#346F34
800
#295729
900
#214021
950
#152915

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.41:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026