#82F6BF

#82F6BF

Color Values

HEX

#82F6BF

RGB

130, 246, 191

HSL

151.6, 86.6%, 73.7%

HSV

151.6, 47.2%, 96.5%

CMYK

47.2%, 0.0%, 22.4%, 3.5%

OKLCH

0.8901 0.1322 161.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#82F6BF

#F682B9

Analogous

#82F685

#82F3F6

#82F6BF

Triadic

#82F6BF

#BF82F6

#F6BF82

Split Complementary

#82F6BF

#F682F3

#F68582

Tetradic

#82F6BF

#8582F6

#F682B9

#F3F682

Color Blindness Simulation

Original

#82F6BF

Protanopia

#B4B5CC

Deuteranopia

#AEA5D0

Tritanopia

#88D7D9

Achromatopsia

#D9D9D9

CSS Usage

background-color: #82F6BF;
color: #82F6BF;
border-color: #82F6BF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFADD
300
#8DF7C5
400
#4FF2A5
500
#11EE85
600
#0EBE6B
700
#0B9855
800
#097743
900
#0B5632
950
#073620

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026