#8DCCF6

#8DCCF6

Color Values

HEX

#8DCCF6

RGB

141, 204, 246

HSL

204.0, 85.4%, 75.9%

HSV

204.0, 42.7%, 96.5%

CMYK

42.7%, 17.1%, 0.0%, 3.5%

OKLCH

0.8178 0.0875 238.4

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#8DCCF6

#F6B78D

Analogous

#8DF6EC

#8D98F6

#8DCCF6

Triadic

#8DCCF6

#F68DCC

#CCF68D

Split Complementary

#8DCCF6

#F68D98

#F6EC8D

Tetradic

#8DCCF6

#EC8DF6

#F6B78D

#98F68D

Color Blindness Simulation

Original

#8DCCF6

Protanopia

#A8A9EC

Deuteranopia

#A5A0E9

Tritanopia

#90E4E2

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0F0FA
200
#BDE1FA
300
#8ECCF6
400
#50B1F1
500
#1395EC
600
#0F77BD
700
#0C6097
800
#094B76
900
#0B3856
950
#072336

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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