#83DBDA

#83DBDA

Color Values

HEX

#83DBDA

RGB

131, 219, 218

HSL

179,3, 55,0%, 68,6%

HSV

179,3, 40,2%, 85,9%

CMYK

40,2%, 0,0%, 0,5%, 14,1%

OKLCH

0,836 0,085 194,7

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#83DBDA

#DB8384

Analogous

#83DBAE

#83B0DB

#83DBDA

Triadic

#83DBDA

#DA83DB

#DBDA83

Split Complementary

#83DBDA

#DB83B0

#DBAE83

Tetradic

#83DBDA

#AE83DB

#DB8384

#B0DB83

Color Blindness Simulation

Original

#83DBDA

Protanopia

#A9AADA

Deuteranopia

#A49DDA

Tritanopia

#87DADA

Achromatopsia

#C8C8C8

CSS Usage

background-color: #83DBDA;
color: #83DBDA;
border-color: #83DBDA;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EFEE
300
#A0E3E3
400
#6DD5D3
500
#39C6C4
600
#2E9E9D
700
#257E7D
800
#1D6362
900
#184848
950
#0F2E2D

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026