#8CC0F9

#8CC0F9

Color Values

HEX

#8CC0F9

RGB

140, 192, 249

HSL

211.4, 90.1%, 76.3%

HSV

211.4, 43.8%, 97.6%

CMYK

43.8%, 22.9%, 0.0%, 2.4%

OKLCH

0.7929 0.0983 251.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8CC0F9

#F9C58C

Analogous

#8CF6F9

#8F8CF9

#8CC0F9

Triadic

#8CC0F9

#F98CC0

#C0F98C

Split Complementary

#8CC0F9

#F98F8C

#F6F98C

Tetradic

#8CC0F9

#F98CF6

#F9C58C

#8CF98F

Color Blindness Simulation

Original

#8CC0F9

Protanopia

#A3A3EB

Deuteranopia

#A09CE8

Tritanopia

#8FE0DE

Achromatopsia

#B9B9B9

CSS Usage

background-color: #8CC0F9;
color: #8CC0F9;
border-color: #8CC0F9;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFB
300
#8BBFF9
400
#4C9DF6
500
#0D7AF2
600
#0A62C2
700
#084E9B
800
#063D79
900
#092F58
950
#061D37

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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