#8DBAF6

#8DBAF6

Color Values

HEX

#8DBAF6

RGB

141, 186, 246

HSL

214.3, 85.4%, 75.9%

HSV

214.3, 42.7%, 96.5%

CMYK

42.7%, 24.4%, 0.0%, 3.5%

OKLCH

0.7795 0.0989 255.8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8DBAF6

#F6C98D

Analogous

#8DEFF6

#958DF6

#8DBAF6

Triadic

#8DBAF6

#F68DBA

#BAF68D

Split Complementary

#8DBAF6

#F6958D

#EFF68D

Tetradic

#8DBAF6

#F68DEF

#F6C98D

#8DF695

Color Blindness Simulation

Original

#8DBAF6

Protanopia

#A0A1E7

Deuteranopia

#9E9AE4

Tritanopia

#8FDCDA

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EBFA
200
#BDD7FA
300
#8EBAF6
400
#5095F1
500
#1370EC
600
#0F5ABD
700
#0C4897
800
#093876
900
#0B2B56
950
#071B36

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026