#8CC0FD

#8CC0FD

Color Values

HEX

#8CC0FD

RGB

140, 192, 253

HSL

212,4, 96,6%, 77,1%

HSV

212,4, 44,7%, 99,2%

CMYK

44,7%, 24,1%, 0,0%, 0,8%

OKLCH

0,7946 0,1031 253,0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8CC0FD

#FDC98C

Analogous

#8CF9FD

#918CFD

#8CC0FD

Triadic

#8CC0FD

#FD8CC0

#C0FD8C

Split Complementary

#8CC0FD

#FD918C

#F9FD8C

Tetradic

#8CC0FD

#FD8CF9

#FDC98C

#8CFD91

Color Blindness Simulation

Original

#8CC0FD

Protanopia

#A3A3EE

Deuteranopia

#A09CEB

Tritanopia

#8FE3E0

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B9D9FE
300
#87BDFD
400
#4699FC
500
#0476FB
600
#035EC9
700
#034BA0
800
#023B7D
900
#062D5B
950
#041C39

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,07: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