#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

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