#83CBD0

#83CBD0

Color Values

HEX

#83CBD0

RGB

131, 203, 208

HSL

183.9, 45.0%, 66.5%

HSV

183.9, 37.0%, 81.6%

CMYK

37.0%, 2.4%, 0.0%, 18.4%

OKLCH

0.7966 0.0723 201.4

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#83CBD0

#D08883

Analogous

#83D0AF

#83A5D0

#83CBD0

Triadic

#83CBD0

#D083CB

#CBD083

Split Complementary

#83CBD0

#D083A5

#D0AF83

Tetradic

#83CBD0

#AF83D0

#D08883

#A5D083

Color Blindness Simulation

Original

#83CBD0

Protanopia

#A2A3CF

Deuteranopia

#9E99CE

Tritanopia

#87CECE

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE9EB
300
#A6DADD
400
#76C6CB
500
#46B1B9
600
#388E94
700
#2D7276
800
#23595C
900
#1D4244
950
#12292B

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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