#80DBE4

#80DBE4

Color Values

HEX

#80DBE4

RGB

128, 219, 228

HSL

185.4, 64.9%, 69.8%

HSV

185.4, 43.9%, 89.4%

CMYK

43.9%, 3.9%, 0.0%, 10.6%

OKLCH

0.8379 0.088 203.8

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#80DBE4

#E48980

Analogous

#80E4BB

#80A9E4

#80DBE4

Triadic

#80DBE4

#E480DB

#DBE480

Split Complementary

#80DBE4

#E480A9

#E4BB80

Tetradic

#80DBE4

#BB80E4

#E48980

#A9E480

Color Blindness Simulation

Original

#80DBE4

Protanopia

#A7A8E2

Deuteranopia

#A29BE1

Tritanopia

#85E0E0

Achromatopsia

#C8C8C8

CSS Usage

background-color: #80DBE4;
color: #80DBE4;
border-color: #80DBE4;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EEF2
300
#9AE2EA
400
#63D3DE
500
#2DC3D2
600
#249CA8
700
#1D7D87
800
#166269
900
#14484D
950
#0D2D30

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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