#FC8DEC

#FC8DEC

Color Values

HEX

#FC8DEC

RGB

252, 141, 236

HSL

308.6, 94.9%, 77.1%

HSV

308.6, 44.0%, 98.8%

CMYK

0.0%, 44.0%, 6.3%, 1.2%

OKLCH

0.793 0.1757 332.6

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FC8DEC

#8DFC9D

Analogous

#D48DFC

#FC8DB5

#FC8DEC

Triadic

#FC8DEC

#ECFC8D

#8DECFC

Split Complementary

#FC8DEC

#B5FC8D

#8DFCD4

Tetradic

#FC8DEC

#FCD48D

#8DFC9D

#8DB5FC

Color Blindness Simulation

Original

#FC8DEC

Protanopia

#CCCBD5

Deuteranopia

#D2DBD0

Tritanopia

#F6C3BF

Achromatopsia

#ABABAB

CSS Usage

background-color: #FC8DEC;
color: #FC8DEC;
border-color: #FC8DEC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FEF1FC
100
#FCDFF7
200
#FDB9F3
300
#FC88EB
400
#FA47E1
500
#F807D6
600
#C705AB
700
#9F0489
800
#7C036B
900
#5A074E
950
#390431

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026