#82BF96

#82BF96

Color Values

HEX

#82BF96

RGB

130, 191, 150

HSL

139.7, 32.3%, 62.9%

HSV

139.7, 31.9%, 74.9%

CMYK

31.9%, 0.0%, 21.5%, 25.1%

OKLCH

0.7517 0.0864 154.4

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#82BF96

#BF82AB

Analogous

#8CBF82

#82BFB4

#82BF96

Triadic

#82BF96

#9682BF

#BF9682

Split Complementary

#82BF96

#B482BF

#BF828C

Tetradic

#82BF96

#828CBF

#BF82AB

#BFB482

Color Blindness Simulation

Original

#82BF96

Protanopia

#9C9DA0

Deuteranopia

#9994A2

Tritanopia

#85A8A9

Achromatopsia

#AFAFAF

CSS Usage

background-color: #82BF96;
color: #82BF96;
border-color: #82BF96;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5F9F7
100
#E8F2EB
200
#D0E7D7
300
#AED6BB
400
#82BF96
500
#56A971
600
#45875B
700
#376C49
800
#2B5439
900
#223F2C
950
#16271C

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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