#80AECD

#80AECD

Color Values

HEX

#80AECD

RGB

128, 174, 205

HSL

204.2, 43.5%, 65.3%

HSV

204.2, 37.6%, 80.4%

CMYK

37.6%, 15.1%, 0.0%, 19.6%

OKLCH

0.7291 0.0667 238.3

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#80AECD

#CD9F80

Analogous

#80CDC6

#8087CD

#80AECD

Triadic

#80AECD

#CD80AE

#AECD80

Split Complementary

#80AECD

#CD8087

#CDC680

Tetradic

#80AECD

#C680CD

#CD9F80

#87CD80

Color Blindness Simulation

Original

#80AECD

Protanopia

#9494C6

Deuteranopia

#918EC4

Tritanopia

#82C0BE

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEB
300
#A7C7DC
400
#78A9CA
500
#488AB7
600
#3A6F92
700
#2E5875
800
#24455B
900
#1D3443
950
#13212B

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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