#85F284

#85F284

Color Values

HEX

#85F284

RGB

133, 242, 132

HSL

119.5, 80.9%, 73.3%

HSV

119.5, 45.5%, 94.9%

CMYK

45.0%, 0.0%, 45.5%, 5.1%

OKLCH

0.8705 0.1787 143.7

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#85F284

#F184F2

Analogous

#BCF284

#84F2BA

#85F284

Triadic

#85F284

#8485F2

#F28485

Split Complementary

#85F284

#BA84F2

#F284BC

Tetradic

#85F284

#84BCF2

#F184F2

#F2BA84

Color Blindness Simulation

Original

#85F284

Protanopia

#B4B59F

Deuteranopia

#AEA6A5

Tritanopia

#8AB4B8

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1F9E1
200
#BFF8BE
300
#91F390
400
#56ED54
500
#1AE718
600
#15B913
700
#119410
800
#0D730C
900
#0E540D
950
#093508

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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