#82F080

#82F080

Color Values

HEX

#82F080

RGB

130, 240, 128

HSL

118,9, 78,9%, 72,2%

HSV

118,9, 46,7%, 94,1%

CMYK

45,8%, 0,0%, 46,7%, 5,9%

OKLCH

0,8638 0,1811 143,5

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#82F080

#EE80F0

Analogous

#BAF080

#80F0B6

#82F080

Triadic

#82F080

#8082F0

#F08082

Split Complementary

#82F080

#B680F0

#F080BA

Tetradic

#82F080

#80BAF0

#EE80F0

#F0B680

Color Blindness Simulation

Original

#82F080

Protanopia

#B2B39B

Deuteranopia

#ABA3A2

Tritanopia

#88B1B5

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2FCF2
100
#E2F9E1
200
#C0F7BF
300
#93F292
400
#59EB56
500
#1FE41B
600
#18B616
700
#149211
800
#0F720D
900
#0F530E
950
#0A3409

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026