#FA3196

#FA3196

Color Values

HEX

#FA3196

RGB

250, 49, 150

HSL

329.9, 95.3%, 58.6%

HSV

329.9, 80.4%, 98.0%

CMYK

0.0%, 80.4%, 40.0%, 2.0%

OKLCH

0.6598 0.2432 356.3

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FA3196

#31FA95

Analogous

#FA31FA

#FA3131

#FA3196

Triadic

#FA3196

#96FA31

#3196FA

Split Complementary

#FA3196

#31FA31

#31FAFA

Tetradic

#FA3196

#FAFA31

#31FA95

#3131FA

Color Blindness Simulation

Original

#FA3196

Protanopia

#A3A17E

Deuteranopia

#AFBE78

Tritanopia

#F06A66

Achromatopsia

#636363

CSS Usage

background-color: #FA3196;
color: #FA3196;
border-color: #FA3196;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DB
300
#FC87C2
400
#FB47A1
500
#F90680
600
#C70566
700
#9F0452
800
#7D0340
900
#5A0731
950
#39041F

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.94:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026