#FC5DFA

#FC5DFA

Color Values

HEX

#FC5DFA

RGB

252, 93, 250

HSL

300.8, 96.4%, 67.6%

HSV

300.8, 63.1%, 98.8%

CMYK

0.0%, 63.1%, 0.8%, 1.2%

OKLCH

0.741 0.2571 328.3

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#FC5DFA

#5DFC5F

Analogous

#AF5DFC

#FC5DAA

#FC5DFA

Triadic

#FC5DFA

#FAFC5D

#5DFAFC

Split Complementary

#FC5DFA

#AAFC5D

#5DFCAF

Tetradic

#FC5DFA

#FCAF5D

#5DFC5F

#5DAAFC

Color Blindness Simulation

Original

#FC5DFA

Protanopia

#B7B6D4

Deuteranopia

#C0CCCB

Tritanopia

#F4B6AF

Achromatopsia

#8A8A8A

CSS Usage

background-color: #FC5DFA;
color: #FC5DFA;
border-color: #FC5DFA;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FEB9FD
300
#FD87FB
400
#FC46F9
500
#FA05F7
600
#C804C6
700
#A0039E
800
#7D027C
900
#5A0659
950
#390438

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.09: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