#FD8CE9

#FD8CE9

Color Values

HEX

#FD8CE9

RGB

253, 140, 233

HSL

310,6, 96,6%, 77,1%

HSV

310,6, 44,7%, 99,2%

CMYK

0,0%, 44,7%, 7,9%, 0,8%

OKLCH

0,7915 0,1756 334,0

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FD8CE9

#8CFDA0

Analogous

#D98CFD

#FD8CB1

#FD8CE9

Triadic

#FD8CE9

#E9FD8C

#8CE9FD

Split Complementary

#FD8CE9

#B1FD8C

#8CFDD9

Tetradic

#FD8CE9

#FDD98C

#8CFDA0

#8CB1FD

Color Blindness Simulation

Original

#FD8CE9

Protanopia

#CCCBD3

Deuteranopia

#D3DBCD

Tritanopia

#F7C1BD

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF7
200
#FEB9F2
300
#FD87E8
400
#FC46DC
500
#FB04CF
600
#C903A6
700
#A00385
800
#7D0268
900
#5B064C
950
#390430

Contrast Checker

Text on white

2,08:1

AA Fail AAA Fail

Text on black

10,1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026