#83CDAD

#83CDAD

Color Values

HEX

#83CDAD

RGB

131, 205, 173

HSL

154.1, 42.5%, 65.9%

HSV

154.1, 36.1%, 80.4%

CMYK

36.1%, 0.0%, 15.6%, 19.6%

OKLCH

0.7907 0.0875 165.1

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#83CDAD

#CD83A3

Analogous

#83CD88

#83C8CD

#83CDAD

Triadic

#83CDAD

#AD83CD

#CDAD83

Split Complementary

#83CDAD

#CD83C8

#CD8883

Tetradic

#83CDAD

#8883CD

#CD83A3

#C8CD83

Color Blindness Simulation

Original

#83CDAD

Protanopia

#A3A4B5

Deuteranopia

#9F99B7

Tritanopia

#87BBBC

Achromatopsia

#BBBBBB

CSS Usage

background-color: #83CDAD;
color: #83CDAD;
border-color: #83CDAD;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEADD
300
#A8DCC5
400
#79C9A6
500
#49B687
600
#3B916C
700
#2F7456
800
#255B43
900
#1E4333
950
#132A20

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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