#8EB7E3

#8EB7E3

Color Values

HEX

#8EB7E3

RGB

142, 183, 227

HSL

211.1, 60.3%, 72.4%

HSV

211.1, 37.4%, 89.0%

CMYK

37.4%, 19.4%, 0.0%, 11.0%

OKLCH

0.7658 0.0774 250.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8EB7E3

#E3BA8E

Analogous

#8EE2E3

#908EE3

#8EB7E3

Triadic

#8EB7E3

#E38EB7

#B7E38E

Split Complementary

#8EB7E3

#E3908E

#E2E38E

Tetradic

#8EB7E3

#E38EE2

#E3BA8E

#8EE390

Color Blindness Simulation

Original

#8EB7E3

Protanopia

#A0A0D8

Deuteranopia

#9D9AD6

Tritanopia

#90D0CE

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C6DBF1
300
#9DC0E7
400
#689FDA
500
#337DCC
600
#2864A4
700
#205083
800
#193E66
900
#162F4B
950
#0E1E2F

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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