#8ECFF6

#8ECFF6

Color Values

HEX

#8ECFF6

RGB

142, 207, 246

HSL

202.5, 85.2%, 76.1%

HSV

202.5, 42.3%, 96.5%

CMYK

42.3%, 15.9%, 0.0%, 3.5%

OKLCH

0.8248 0.0859 235.6

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#8ECFF6

#F6B58E

Analogous

#8EF6E9

#8E9BF6

#8ECFF6

Triadic

#8ECFF6

#F68ECF

#CFF68E

Split Complementary

#8ECFF6

#F68E9B

#F6E98E

Tetradic

#8ECFF6

#E98EF6

#F6B58E

#9BF68E

Color Blindness Simulation

Original

#8ECFF6

Protanopia

#AAABED

Deuteranopia

#A6A2EA

Tritanopia

#91E5E3

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3FA
300
#8ECFF6
400
#50B5F1
500
#139BEC
600
#0F7CBD
700
#0C6397
800
#094D76
900
#0B3A56
950
#072436

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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