#FD8CF4

#FD8CF4

Color Values

HEX

#FD8CF4

RGB

253, 140, 244

HSL

304,8, 96,6%, 77,1%

HSV

304,8, 44,7%, 99,2%

CMYK

0,0%, 44,7%, 3,6%, 0,8%

OKLCH

0,7961 0,1848 330,1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FD8CF4

#8CFD95

Analogous

#CE8CFD

#FD8CBC

#FD8CF4

Triadic

#FD8CF4

#F4FD8C

#8CF4FD

Split Complementary

#FD8CF4

#BCFD8C

#8CFDCE

Tetradic

#FD8CF4

#FDCE8C

#8CFD95

#8CBCFD

Color Blindness Simulation

Original

#FD8CF4

Protanopia

#CCCBDB

Deuteranopia

#D3DBD5

Tritanopia

#F7C7C3

Achromatopsia

#ACACAC

CSS Usage

background-color: #FD8CF4;
color: #FD8CF4;
border-color: #FD8CF4;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FEF1FD
100
#FCDEF9
200
#FEB9F8
300
#FD87F3
400
#FC46ED
500
#FB04E7
600
#C903B9
700
#A00394
800
#7D0273
900
#5B0654
950
#390435

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,23:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026