#FA5DF9

#FA5DF9

Color Values

HEX

#FA5DF9

RGB

250, 93, 249

HSL

300.4, 94.0%, 67.3%

HSV

300.4, 62.8%, 98.0%

CMYK

0.0%, 62.8%, 0.4%, 2.0%

OKLCH

0.7378 0.2553 328.0

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#FA5DF9

#5DFA5E

Analogous

#AD5DFA

#FA5DAB

#FA5DF9

Triadic

#FA5DF9

#F9FA5D

#5DF9FA

Split Complementary

#FA5DF9

#ABFA5D

#5DFAAD

Tetradic

#FA5DF9

#FAAD5D

#5DFA5E

#5DABFA

Color Blindness Simulation

Original

#FA5DF9

Protanopia

#B6B5D3

Deuteranopia

#BFCBCA

Tritanopia

#F2B5AF

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFC
300
#FB88FB
400
#F948F8
500
#F708F6
600
#C606C5
700
#9E059D
800
#7C047B
900
#590759
950
#380538

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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