#FA54A7

#FA54A7

Color Values

HEX

#FA54A7

RGB

250, 84, 167

HSL

330.0, 94.3%, 65.5%

HSV

330.0, 66.4%, 98.0%

CMYK

0.0%, 66.4%, 33.2%, 2.0%

OKLCH

0.6936 0.2147 353.4

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#FA54A7

#54FAA7

Analogous

#FA54FA

#FA5454

#FA54A7

Triadic

#FA54A7

#A7FA54

#54A7FA

Split Complementary

#FA54A7

#54FA54

#54FAFA

Tetradic

#FA54A7

#FAFA54

#54FAA7

#5454FA

Color Blindness Simulation

Original

#FA54A7

Protanopia

#B2B193

Deuteranopia

#BCC88E

Tritanopia

#F28380

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADB
300
#FC88C2
400
#FA48A1
500
#F80780
600
#C60666
700
#9F0552
800
#7C0440
900
#5A0730
950
#39051F

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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