#FA8FF7

#FA8FF7

Color Values

HEX

#FA8FF7

RGB

250, 143, 247

HSL

301.7, 91.5%, 77.1%

HSV

301.7, 42.8%, 98.0%

CMYK

0.0%, 42.8%, 1.2%, 2.0%

OKLCH

0.7982 0.1806 328.1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FA8FF7

#8FFA92

Analogous

#C88FFA

#FA8FC2

#FA8FF7

Triadic

#FA8FF7

#F7FA8F

#8FF7FA

Split Complementary

#FA8FF7

#C2FA8F

#8FFAC8

Tetradic

#FA8FF7

#FAC88F

#8FFA92

#8FC2FA

Color Blindness Simulation

Original

#FA8FF7

Protanopia

#CCCBDE

Deuteranopia

#D2DAD8

Tritanopia

#F5CAC6

Achromatopsia

#ADADAD

CSS Usage

background-color: #FA8FF7;
color: #FA8FF7;
border-color: #FA8FF7;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF7
400
#F74AF2
500
#F40BEE
600
#C309BE
700
#9C0798
800
#7A0577
900
#580956
950
#380536

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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