#82F487

#82F487

Color Values

HEX

#82F487

RGB

130, 244, 135

HSL

122.6, 83.8%, 73.3%

HSV

122.6, 46.7%, 95.7%

CMYK

46.7%, 0.0%, 44.7%, 4.3%

OKLCH

0.8744 0.1802 144.7

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#82F487

#F482EF

Analogous

#B6F482

#82F4C0

#82F487

Triadic

#82F487

#8782F4

#F48782

Split Complementary

#82F487

#C082F4

#F482B6

Tetradic

#82F487

#82B6F4

#F482EF

#F4C082

Color Blindness Simulation

Original

#82F487

Protanopia

#B3B4A1

Deuteranopia

#ADA4A8

Tritanopia

#88B6BB

Achromatopsia

#D4D4D4

CSS Usage

background-color: #82F487;
color: #82F487;
border-color: #82F487;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF2
100
#E0FAE2
200
#BDF9C0
300
#8FF593
400
#52F058
500
#15EA1E
600
#11BB18
700
#0D9613
800
#0A750F
900
#0C550F
950
#08360A

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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