#8CBDFD

#8CBDFD

Color Values

HEX

#8CBDFD

RGB

140, 189, 253

HSL

214.0, 96.6%, 77.1%

HSV

214.0, 44.7%, 99.2%

CMYK

44.7%, 25.3%, 0.0%, 0.8%

OKLCH

0.7883 0.1056 255.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8CBDFD

#FDCC8C

Analogous

#8CF5FD

#948CFD

#8CBDFD

Triadic

#8CBDFD

#FD8CBD

#BDFD8C

Split Complementary

#8CBDFD

#FD948C

#F5FD8C

Tetradic

#8CBDFD

#FD8CF5

#FDCC8C

#8CFD94

Color Blindness Simulation

Original

#8CBDFD

Protanopia

#A1A2EE

Deuteranopia

#9E9BEA

Tritanopia

#8EE1DF

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B9D7FE
300
#87BAFD
400
#4694FC
500
#046FFB
600
#0359C9
700
#0347A0
800
#02387D
900
#062B5B
950
#041B39

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026