#80ACD5

#80ACD5

Color Values

HEX

#80ACD5

RGB

128, 172, 213

HSL

208.9, 50.3%, 66.9%

HSV

208.9, 39.9%, 83.5%

CMYK

39.9%, 19.2%, 0.0%, 16.5%

OKLCH

0.728 0.0764 247.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#80ACD5

#D5A980

Analogous

#80D5D3

#8082D5

#80ACD5

Triadic

#80ACD5

#D580AC

#ACD580

Split Complementary

#80ACD5

#D58082

#D5D380

Tetradic

#80ACD5

#D380D5

#D5A980

#82D580

Color Blindness Simulation

Original

#80ACD5

Protanopia

#9393CB

Deuteranopia

#908DC9

Tritanopia

#82C3C2

Achromatopsia

#A6A6A6

CSS Usage

background-color: #80ACD5;
color: #80ACD5;
border-color: #80ACD5;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DCED
300
#A3C3E1
400
#71A2D0
500
#3F82C0
600
#336899
700
#29537B
800
#204160
900
#1B3146
950
#111F2C

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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