#83E2DF

#83E2DF

Color Values

HEX

#83E2DF

RGB

131, 226, 223

HSL

178,1, 62,1%, 70,0%

HSV

178,1, 42,0%, 88,6%

CMYK

42,0%, 0,0%, 1,3%, 11,4%

OKLCH

0,8534 0,0906 193,0

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#83E2DF

#E28386

Analogous

#83E2AF

#83B6E2

#83E2DF

Triadic

#83E2DF

#DF83E2

#E2DF83

Split Complementary

#83E2DF

#E283B6

#E2AF83

Tetradic

#83E2DF

#AF83E2

#E28386

#B6E283

Color Blindness Simulation

Original

#83E2DF

Protanopia

#ACADE0

Deuteranopia

#A7A0E0

Tritanopia

#88E0E0

Achromatopsia

#CECECE

CSS Usage

background-color: #83E2DF;
color: #83E2DF;
border-color: #83E2DF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F1F0
300
#9CE8E5
400
#66DBD8
500
#30CFCA
600
#27A5A1
700
#1F8481
800
#186765
900
#154C4A
950
#0D302F

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,91: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