#82BAAA

#82BAAA

Color Values

HEX

#82BAAA

RGB

130, 186, 170

HSL

162.9, 28.9%, 62.0%

HSV

162.9, 30.1%, 72.9%

CMYK

30.1%, 0.0%, 8.6%, 27.1%

OKLCH

0.7454 0.063 174.8

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#82BAAA

#BA8292

Analogous

#82BA8E

#82AEBA

#82BAAA

Triadic

#82BAAA

#AA82BA

#BAAA82

Split Complementary

#82BAAA

#BA82AE

#BA8E82

Tetradic

#82BAAA

#8E82BA

#BA8292

#AEBA82

Color Blindness Simulation

Original

#82BAAA

Protanopia

#9A9BAE

Deuteranopia

#9793AF

Tritanopia

#85B1B2

Achromatopsia

#ADADAD

CSS Usage

background-color: #82BAAA;
color: #82BAAA;
border-color: #82BAAA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6E0
300
#B0D3C9
400
#85BCAC
500
#5BA48F
600
#498373
700
#3A695C
800
#2D5248
900
#243D36
950
#172722

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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