#85F086

#85F086

Color Values

HEX

#85F086

RGB

133, 240, 134

HSL

120.6, 78.1%, 73.1%

HSV

120.6, 44.6%, 94.1%

CMYK

44.6%, 0.0%, 44.2%, 5.9%

OKLCH

0.866 0.174 144.1

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#85F086

#F085EF

Analogous

#B9F085

#85F0BB

#85F086

Triadic

#85F086

#8685F0

#F08685

Split Complementary

#85F086

#BB85F0

#F085B9

Tetradic

#85F086

#85B9F0

#F085EF

#F0BB85

Color Blindness Simulation

Original

#85F086

Protanopia

#B3B4A0

Deuteranopia

#ADA5A6

Tritanopia

#8AB4B8

Achromatopsia

#D2D2D2

CSS Usage

background-color: #85F086;
color: #85F086;
border-color: #85F086;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF2
100
#E1F9E2
200
#BFF7C0
300
#92F293
400
#57EA58
500
#1CE31E
600
#16B618
700
#129113
800
#0E720F
900
#0E530F
950
#09340A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026