#8EBDF5

#8EBDF5

Color Values

HEX

#8EBDF5

RGB

142, 189, 245

HSL

212,6, 83,7%, 75,9%

HSV

212,6, 42,0%, 96,1%

CMYK

42,0%, 22,9%, 0,0%, 3,9%

OKLCH

0,786 0,0947 253,3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8EBDF5

#F5C68E

Analogous

#8EF1F5

#938EF5

#8EBDF5

Triadic

#8EBDF5

#F58EBD

#BDF58E

Split Complementary

#8EBDF5

#F5938E

#F1F58E

Tetradic

#8EBDF5

#F58EF1

#F5C68E

#8EF593

Color Blindness Simulation

Original

#8EBDF5

Protanopia

#A2A3E7

Deuteranopia

#A09CE4

Tritanopia

#90DDDA

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9F9
300
#8FBDF5
400
#529AF0
500
#1576EA
600
#115FBB
700
#0D4C96
800
#0A3B75
900
#0C2D55
950
#081D36

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026