#FA89F2

#FA89F2

Color Values

HEX

#FA89F2

RGB

250, 137, 242

HSL

304.2, 91.9%, 75.9%

HSV

304.2, 45.2%, 98.0%

CMYK

0.0%, 45.2%, 3.2%, 2.0%

OKLCH

0.7875 0.1859 329.8

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FA89F2

#89FA91

Analogous

#C989FA

#FA89BA

#FA89F2

Triadic

#FA89F2

#F2FA89

#89F2FA

Split Complementary

#FA89F2

#BAFA89

#89FAC9

Tetradic

#FA89F2

#FAC989

#89FA91

#89BAFA

Color Blindness Simulation

Original

#FA89F2

Protanopia

#C9C8D9

Deuteranopia

#D0D8D2

Tritanopia

#F4C5C0

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBAF8
300
#FA8AF2
400
#F74AEB
500
#F50AE4
600
#C408B7
700
#9D0792
800
#7A0572
900
#590853
950
#380534

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.93:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026