#85F482

#85F482

Color Values

HEX

#85F482

RGB

133, 244, 130

HSL

118.4, 83.8%, 73.3%

HSV

118.4, 46.7%, 95.7%

CMYK

45.5%, 0.0%, 46.7%, 4.3%

OKLCH

0.8749 0.1833 143.3

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#85F482

#F182F4

Analogous

#BEF482

#82F4B8

#85F482

Triadic

#85F482

#8285F4

#F48285

Split Complementary

#85F482

#B882F4

#F482BE

Tetradic

#85F482

#82BEF4

#F182F4

#F4B882

Color Blindness Simulation

Original

#85F482

Protanopia

#B5B69E

Deuteranopia

#AFA6A4

Tritanopia

#8BB3B8

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFF9BD
300
#91F58F
400
#56F052
500
#1AEA15
600
#15BB11
700
#11960D
800
#0D750A
900
#0E550C
950
#093608

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026