#8EB1E7

#8EB1E7

Color Values

HEX

#8EB1E7

RGB

142, 177, 231

HSL

216.4, 65.0%, 73.1%

HSV

216.4, 38.5%, 90.6%

CMYK

38.5%, 23.4%, 0.0%, 9.4%

OKLCH

0.7547 0.0872 258.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8EB1E7

#E7C48E

Analogous

#8EDDE7

#978EE7

#8EB1E7

Triadic

#8EB1E7

#E78EB1

#B1E78E

Split Complementary

#8EB1E7

#E7978E

#DDE78E

Tetradic

#8EB1E7

#E78EDD

#E7C48E

#8EE797

Color Blindness Simulation

Original

#8EB1E7

Protanopia

#9D9DDA

Deuteranopia

#9B98D7

Tritanopia

#90D0CD

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F3
300
#9AB9EA
400
#6394DE
500
#2D6ED2
600
#2458A8
700
#1D4687
800
#163769
900
#142A4D
950
#0D1B31

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026