#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026