#FA3595

#FA3595

Color Values

HEX

#FA3595

RGB

250, 53, 149

HSL

330.8, 95.2%, 59.4%

HSV

330.8, 78.8%, 98.0%

CMYK

0.0%, 78.8%, 40.4%, 2.0%

OKLCH

0.6619 0.2396 356.9

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FA3595

#35FA9A

Analogous

#FA35F7

#FA3835

#FA3595

Triadic

#FA3595

#95FA35

#3595FA

Split Complementary

#FA3595

#35FA38

#35F7FA

Tetradic

#FA3595

#F7FA35

#35FA9A

#3835FA

Color Blindness Simulation

Original

#FA3595

Protanopia

#A5A37E

Deuteranopia

#B0BF78

Tritanopia

#F06B67

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DA
300
#FC88C0
400
#FA479E
500
#F9067C
600
#C70563
700
#9F0450
800
#7C033E
900
#5A072F
950
#39041E

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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