#8ECAF5

#8ECAF5

Color Values

HEX

#8ECAF5

RGB

142, 202, 245

HSL

205.0, 83.7%, 75.9%

HSV

205.0, 42.0%, 96.1%

CMYK

42.0%, 17.6%, 0.0%, 3.9%

OKLCH

0.8136 0.0867 240.3

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#8ECAF5

#F5B98E

Analogous

#8EF5EC

#8E97F5

#8ECAF5

Triadic

#8ECAF5

#F58ECA

#CAF58E

Split Complementary

#8ECAF5

#F58E97

#F5EC8E

Tetradic

#8ECAF5

#EC8EF5

#F5B98E

#97F58E

Color Blindness Simulation

Original

#8ECAF5

Protanopia

#A8A9EB

Deuteranopia

#A4A0E8

Tritanopia

#91E2E1

Achromatopsia

#C0C0C0

CSS Usage

background-color: #8ECAF5;
color: #8ECAF5;
border-color: #8ECAF5;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDE0F9
300
#8FCAF5
400
#52AEF0
500
#1591EA
600
#1174BB
700
#0D5D96
800
#0A4975
900
#0C3755
950
#082236

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.92:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026