#FA5DFC

#FA5DFC

Color Values

HEX

#FA5DFC

RGB

250, 93, 252

HSL

299.2, 96.4%, 67.6%

HSV

299.2, 63.1%, 98.8%

CMYK

0.8%, 63.1%, 0.0%, 1.2%

OKLCH

0.7393 0.2577 327.3

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#FA5DFC

#5FFC5D

Analogous

#AA5DFC

#FC5DAF

#FA5DFC

Triadic

#FA5DFC

#FCFA5D

#5DFCFA

Split Complementary

#FA5DFC

#AFFC5D

#5DFCAA

Tetradic

#FA5DFC

#FCAA5D

#5FFC5D

#5DAFFC

Color Blindness Simulation

Original

#FA5DFC

Protanopia

#B6B5D6

Deuteranopia

#BFCBCC

Tritanopia

#F2B7B0

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FDB9FE
300
#FB87FD
400
#F946FC
500
#F705FA
600
#C604C8
700
#9E03A0
800
#7C027D
900
#59065A
950
#380439

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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