#82B899

#82B899

Color Values

HEX

#82B899

RGB

130, 184, 153

HSL

145.6, 27.6%, 61.6%

HSV

145.6, 29.3%, 72.2%

CMYK

29.3%, 0.0%, 16.8%, 27.8%

OKLCH

0.7361 0.0724 158.8

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#82B899

#B882A1

Analogous

#86B882

#82B8B4

#82B899

Triadic

#82B899

#9982B8

#B89982

Split Complementary

#82B899

#B482B8

#B88286

Tetradic

#82B899

#8286B8

#B882A1

#B8B482

Color Blindness Simulation

Original

#82B899

Protanopia

#999AA0

Deuteranopia

#9692A2

Tritanopia

#85A6A8

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D1E5DA
300
#B1D3BF
400
#87BB9D
500
#5CA37A
600
#4A8262
700
#3B684E
800
#2E513D
900
#243C2F
950
#17261D

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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