#82CDBA

#82CDBA

Color Values

HEX

#82CDBA

RGB

130, 205, 186

HSL

164.8, 42.9%, 65.7%

HSV

164.8, 36.6%, 80.4%

CMYK

36.6%, 0.0%, 9.3%, 19.6%

OKLCH

0.7938 0.0799 176.3

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#82CDBA

#CD8295

Analogous

#82CD95

#82BBCD

#82CDBA

Triadic

#82CDBA

#BA82CD

#CDBA82

Split Complementary

#82CDBA

#CD82BB

#CD9582

Tetradic

#82CDBA

#9582CD

#CD8295

#BBCD82

Color Blindness Simulation

Original

#82CDBA

Protanopia

#A2A3BF

Deuteranopia

#9E98C0

Tritanopia

#86C2C3

Achromatopsia

#BCBCBC

CSS Usage

background-color: #82CDBA;
color: #82CDBA;
border-color: #82CDBA;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF9
100
#E7F4F0
200
#CCEBE3
300
#A8DCCF
400
#78C9B5
500
#49B69A
600
#3A927C
700
#2F7563
800
#245B4D
900
#1E433A
950
#132A24

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026