#FA7FFC

#FA7FFC

Color Values

HEX

#FA7FFC

RGB

250, 127, 252

HSL

299.0, 95.4%, 74.3%

HSV

299.0, 49.6%, 98.8%

CMYK

0.8%, 49.6%, 0.0%, 1.2%

OKLCH

0.7784 0.2103 326.8

Properties

Cool Light Nearest: Shocking Pink

Color Harmonies

Complementary

#FA7FFC

#81FC7F

Analogous

#BB7FFC

#FC7FC0

#FA7FFC

Triadic

#FA7FFC

#FCFA7F

#7FFCFA

Split Complementary

#FA7FFC

#C0FC7F

#7FFCBB

Tetradic

#FA7FFC

#FCBB7F

#81FC7F

#7FC0FC

Color Blindness Simulation

Original

#FA7FFC

Protanopia

#C5C4DE

Deuteranopia

#CCD5D6

Tritanopia

#F4C6C1

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FCB9FD
300
#FA87FC
400
#F847FB
500
#F506F9
600
#C405C7
700
#9D049F
800
#7B037D
900
#59075A
950
#380439

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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