#80ABCB

#80ABCB

Color Values

HEX

#80ABCB

RGB

128, 171, 203

HSL

205,6, 41,9%, 64,9%

HSV

205,6, 36,9%, 79,6%

CMYK

36,9%, 15,8%, 0,0%, 20,4%

OKLCH

0,7217 0,0658 241,0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#80ABCB

#CBA080

Analogous

#80CBC5

#8085CB

#80ABCB

Triadic

#80ABCB

#CB80AB

#ABCB80

Split Complementary

#80ABCB

#CB8085

#CBC580

Tetradic

#80ABCB

#C580CB

#CBA080

#85CB80

Color Blindness Simulation

Original

#80ABCB

Protanopia

#9393C3

Deuteranopia

#908DC1

Tritanopia

#82BDBC

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEA
300
#A8C6DB
400
#79A6C8
500
#4A87B5
600
#3B6C91
700
#2F5774
800
#25445A
900
#1E3343
950
#13202A

Contrast Checker

Text on white

2,44:1

AA Fail AAA Fail

Text on black

8,61: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