#8EB0E5

#8EB0E5

Color Values

HEX

#8EB0E5

RGB

142, 176, 229

HSL

216.6, 62.6%, 72.7%

HSV

216.6, 38.0%, 89.8%

CMYK

38.0%, 23.1%, 0.0%, 10.2%

OKLCH

0.7518 0.0855 259.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8EB0E5

#E5C38E

Analogous

#8EDBE5

#978EE5

#8EB0E5

Triadic

#8EB0E5

#E58EB0

#B0E58E

Split Complementary

#8EB0E5

#E5978E

#DBE58E

Tetradic

#8EB0E5

#E58EDB

#E5C38E

#8EE597

Color Blindness Simulation

Original

#8EB0E5

Protanopia

#9D9DD8

Deuteranopia

#9B98D5

Tritanopia

#90CECC

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D6F2
300
#9BB9E8
400
#6694DC
500
#306ECF
600
#2658A6
700
#1F4685
800
#183768
900
#152A4C
950
#0D1B30

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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