#82AD9F

#82AD9F

Color Values

HEX

#82AD9F

RGB

130, 173, 159

HSL

160.5, 20.8%, 59.4%

HSV

160.5, 24.9%, 67.8%

CMYK

24.9%, 0.0%, 8.1%, 32.2%

OKLCH

0.7124 0.0507 172.8

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#82AD9F

#AD8290

Analogous

#82AD89

#82A5AD

#82AD9F

Triadic

#82AD9F

#9F82AD

#AD9F82

Split Complementary

#82AD9F

#AD82A5

#AD8982

Tetradic

#82AD9F

#8982AD

#AD8290

#A5AD82

Color Blindness Simulation

Original

#82AD9F

Protanopia

#9595A2

Deuteranopia

#928FA3

Tritanopia

#84A5A6

Achromatopsia

#A3A3A3

CSS Usage

background-color: #82AD9F;
color: #82AD9F;
border-color: #82AD9F;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DE
300
#B5CFC6
400
#8DB4A8
500
#659A89
600
#517B6D
700
#416358
800
#324D44
900
#273A34
950
#192421

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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