#80CDD5

#80CDD5

Color Values

HEX

#80CDD5

RGB

128, 205, 213

HSL

185.6, 50.3%, 66.9%

HSV

185.6, 39.9%, 83.5%

CMYK

39.9%, 3.8%, 0.0%, 16.5%

OKLCH

0.8013 0.0769 204.2

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#80CDD5

#D58880

Analogous

#80D5B3

#80A3D5

#80CDD5

Triadic

#80CDD5

#D580CD

#CDD580

Split Complementary

#80CDD5

#D580A3

#D5B380

Tetradic

#80CDD5

#B380D5

#D58880

#A3D580

Color Blindness Simulation

Original

#80CDD5

Protanopia

#A1A2D3

Deuteranopia

#9D97D3

Tritanopia

#84D2D1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #80CDD5;
color: #80CDD5;
border-color: #80CDD5;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9EAED
300
#A3DBE1
400
#71C7D0
500
#3FB4C0
600
#339099
700
#29737B
800
#205A60
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026