#80B2D5

#80B2D5

Color Values

HEX

#80B2D5

RGB

128, 178, 213

HSL

204.7, 50.3%, 66.9%

HSV

204.7, 39.9%, 83.5%

CMYK

39.9%, 16.4%, 0.0%, 16.5%

OKLCH

0.7411 0.0734 239.5

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#80B2D5

#D5A380

Analogous

#80D5CE

#8088D5

#80B2D5

Triadic

#80B2D5

#D580B2

#B2D580

Split Complementary

#80B2D5

#D58088

#D5CE80

Tetradic

#80B2D5

#CE80D5

#D5A380

#88D580

Color Blindness Simulation

Original

#80B2D5

Protanopia

#9696CD

Deuteranopia

#938FCA

Tritanopia

#82C6C4

Achromatopsia

#AAAAAA

CSS Usage

background-color: #80B2D5;
color: #80B2D5;
border-color: #80B2D5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C7E1
400
#71A9D0
500
#3F8BC0
600
#336F99
700
#29597B
800
#204560
900
#1B3446
950
#11212C

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.25:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026