#FA9AF9

#FA9AF9

Color Values

HEX

#FA9AF9

RGB

250, 154, 249

HSL

300.6, 90.6%, 79.2%

HSV

300.6, 38.4%, 98.0%

CMYK

0.0%, 38.4%, 0.4%, 2.0%

OKLCH

0.8153 0.1642 327.3

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FA9AF9

#9AFA9B

Analogous

#CB9AFA

#FA9AC9

#FA9AF9

Triadic

#FA9AF9

#F9FA9A

#9AF9FA

Split Complementary

#FA9AF9

#C9FA9A

#9AFACB

Tetradic

#FA9AF9

#FACB9A

#9AFA9B

#9AC9FA

Color Blindness Simulation

Original

#FA9AF9

Protanopia

#D0D0E2

Deuteranopia

#D6DDDC

Tritanopia

#F5D0CC

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFB
300
#F98AF8
400
#F64BF4
500
#F30CF1
600
#C20AC1
700
#9C089A
800
#7A0678
900
#580957
950
#380637

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026