#FA0576

#FA0576

Color Values

HEX

#FA0576

RGB

250, 5, 118

HSL

332.3, 96.1%, 50.0%

HSV

332.3, 98.0%, 98.0%

CMYK

0.0%, 98.0%, 52.8%, 2.0%

OKLCH

0.6345 0.2536 4.9

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FA0576

#05FA89

Analogous

#FA05F1

#FA0E05

#FA0576

Triadic

#FA0576

#76FA05

#0576FA

Split Complementary

#FA0576

#05FA0E

#05F1FA

Tetradic

#FA0576

#F1FA05

#05FA89

#0E05FA

Color Blindness Simulation

Original

#FA0576

Protanopia

#908E5B

Deuteranopia

#9EB054

Tritanopia

#EE4540

Achromatopsia

#414141

CSS Usage

background-color: #FA0576;
color: #FA0576;
border-color: #FA0576;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F7
100
#FCDFEC
200
#FEB9D9
300
#FD87BD
400
#FB469A
500
#FA0576
600
#C8045E
700
#A0034C
800
#7D023B
900
#5A072D
950
#39041D

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

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