#8EB7F5

#8EB7F5

Color Values

HEX

#8EB7F5

RGB

142, 183, 245

HSL

216.1, 83.7%, 75.9%

HSV

216.1, 42.0%, 96.1%

CMYK

42.0%, 25.3%, 0.0%, 3.9%

OKLCH

0.7734 0.0998 258.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#8EB7F5

#F5CC8E

Analogous

#8EEBF5

#998EF5

#8EB7F5

Triadic

#8EB7F5

#F58EB7

#B7F58E

Split Complementary

#8EB7F5

#F5998E

#EBF58E

Tetradic

#8EB7F5

#F58EEB

#F5CC8E

#8EF599

Color Blindness Simulation

Original

#8EB7F5

Protanopia

#A0A0E6

Deuteranopia

#9D9AE2

Tritanopia

#90DAD8

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD5F9
300
#8FB7F5
400
#5291F0
500
#156AEA
600
#1155BB
700
#0D4496
800
#0A3575
900
#0C2955
950
#081A36

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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