#FEA3F3

#FEA3F3

Color Values

HEX

#FEA3F3

RGB

254, 163, 243

HSL

307.3, 97.8%, 81.8%

HSV

307.3, 35.8%, 99.6%

CMYK

0.0%, 35.8%, 4.3%, 0.4%

OKLCH

0.8311 0.1463 331.2

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FEA3F3

#A3FEAE

Analogous

#DCA3FE

#FEA3C6

#FEA3F3

Triadic

#FEA3F3

#F3FEA3

#A3F3FE

Split Complementary

#FEA3F3

#C6FEA3

#A3FEDC

Tetradic

#FEA3F3

#FEDCA3

#A3FEAE

#A3C6FE

Color Blindness Simulation

Original

#FEA3F3

Protanopia

#D7D6E0

Deuteranopia

#DCE3DB

Tritanopia

#F9D0CD

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F6
300
#FE86EF
400
#FD44E6
500
#FC03DE
600
#CA02B1
700
#A1028E
800
#7E016F
900
#5B0651
950
#3A0433

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026