#83E5EC

#83E5EC

Color Values

HEX

#83E5EC

RGB

131, 229, 236

HSL

184.0, 73.4%, 72.0%

HSV

184.0, 44.5%, 92.5%

CMYK

44.5%, 3.0%, 0.0%, 7.5%

OKLCH

0.8644 0.093 201.6

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#83E5EC

#EC8A83

Analogous

#83ECBF

#83B1EC

#83E5EC

Triadic

#83E5EC

#EC83E5

#E5EC83

Split Complementary

#83E5EC

#EC83B1

#ECBF83

Tetradic

#83E5EC

#BF83EC

#EC8A83

#B1EC83

Color Blindness Simulation

Original

#83E5EC

Protanopia

#ADAEEA

Deuteranopia

#A8A0EA

Tritanopia

#88E9E9

Achromatopsia

#D1D1D1

CSS Usage

background-color: #83E5EC;
color: #83E5EC;
border-color: #83E5EC;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C1F2F6
300
#95E9EF
400
#5BDDE6
500
#22D1DD
600
#1BA7B1
700
#16868D
800
#11686F
900
#104C50
950
#0A3033

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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