#80C5F7

#80C5F7

Color Values

HEX

#80C5F7

RGB

128, 197, 247

HSL

205.2, 88.1%, 73.5%

HSV

205.2, 48.2%, 96.9%

CMYK

48.2%, 20.2%, 0.0%, 3.1%

OKLCH

0.7964 0.0998 241.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#80C5F7

#F7B280

Analogous

#80F7ED

#8089F7

#80C5F7

Triadic

#80C5F7

#F780C5

#C5F780

Split Complementary

#80C5F7

#F78089

#F7ED80

Tetradic

#80C5F7

#ED80F7

#F7B280

#89F780

Color Blindness Simulation

Original

#80C5F7

Protanopia

#9E9EEB

Deuteranopia

#9A95E8

Tritanopia

#83E1DF

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BCE0FB
300
#8CCAF8
400
#4EAEF4
500
#0F91F0
600
#0C74C0
700
#0A5D99
800
#084978
900
#0A3757
950
#062237

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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