#FA92FA

#FA92FA

Color Values

HEX

#FA92FA

RGB

250, 146, 250

HSL

300.0, 91.2%, 77.6%

HSV

300.0, 41.6%, 98.0%

CMYK

0.0%, 41.6%, 0.0%, 2.0%

OKLCH

0.8038 0.1784 327.1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FA92FA

#92FA92

Analogous

#C692FA

#FA92C6

#FA92FA

Triadic

#FA92FA

#FAFA92

#92FAFA

Split Complementary

#FA92FA

#C6FA92

#92FAC6

Tetradic

#FA92FA

#FAC692

#92FA92

#92C6FA

Color Blindness Simulation

Original

#FA92FA

Protanopia

#CDCCE1

Deuteranopia

#D3DBDB

Tritanopia

#F5CDC9

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFC
300
#FA8AFA
400
#F74BF7
500
#F40BF4
600
#C309C3
700
#9C079C
800
#7A067A
900
#580958
950
#380538

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026