#80DEEB

#80DEEB

Color Values

HEX

#80DEEB

RGB

128, 222, 235

HSL

187.3, 72.8%, 71.2%

HSV

187.3, 45.5%, 92.2%

CMYK

45.5%, 5.5%, 0.0%, 7.8%

OKLCH

0.847 0.0911 207.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#80DEEB

#EB8D80

Analogous

#80EBC3

#80A9EB

#80DEEB

Triadic

#80DEEB

#EB80DE

#DEEB80

Split Complementary

#80DEEB

#EB80A9

#EBC380

Tetradic

#80DEEB

#C380EB

#EB8D80

#A9EB80

Color Blindness Simulation

Original

#80DEEB

Protanopia

#A9AAE8

Deuteranopia

#A39CE7

Tritanopia

#85E5E5

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C1EFF5
300
#95E4EE
400
#5CD5E5
500
#23C6DC
600
#1C9EB0
700
#167F8D
800
#11636E
900
#114850
950
#0B2E33

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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