#8DBDFE

#8DBDFE

Color Values

HEX

#8DBDFE

RGB

141, 189, 254

HSL

214.5, 98.3%, 77.5%

HSV

214.5, 44.5%, 99.6%

CMYK

44.5%, 25.6%, 0.0%, 0.4%

OKLCH

0.7893 0.1063 256.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8DBDFE

#FECE8D

Analogous

#8DF6FE

#968DFE

#8DBDFE

Triadic

#8DBDFE

#FE8DBD

#BDFE8D

Split Complementary

#8DBDFE

#FE968D

#F6FE8D

Tetradic

#8DBDFE

#FE8DF6

#FECE8D

#8DFE96

Color Blindness Simulation

Original

#8DBDFE

Protanopia

#A2A2EE

Deuteranopia

#9F9BEA

Tritanopia

#8FE2DF

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B8D6FE
300
#86B9FE
400
#4493FD
500
#026DFD
600
#0257CA
700
#0146A2
800
#01367E
900
#062A5B
950
#041B3A

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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