#FA48BA

#FA48BA

Color Values

HEX

#FA48BA

RGB

250, 72, 186

HSL

321.6, 94.7%, 63.1%

HSV

321.6, 71.2%, 98.0%

CMYK

0.0%, 71.2%, 25.6%, 2.0%

OKLCH

0.6897 0.2381 345.9

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#FA48BA

#48FA88

Analogous

#E148FA

#FA4861

#FA48BA

Triadic

#FA48BA

#BAFA48

#48BAFA

Split Complementary

#FA48BA

#61FA48

#48FAE1

Tetradic

#FA48BA

#FAE148

#48FA88

#4861FA

Color Blindness Simulation

Original

#FA48BA

Protanopia

#ADAB9E

Deuteranopia

#B7C598

Tritanopia

#F18984

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FDB9E5
300
#FC88D2
400
#FA47BA
500
#F807A1
600
#C70581
700
#9F0467
800
#7C0351
900
#5A073C
950
#390526

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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