#FA5BAD

#FA5BAD

Color Values

HEX

#FA5BAD

RGB

250, 91, 173

HSL

329.1, 94.1%, 66.9%

HSV

329.1, 63.6%, 98.0%

CMYK

0.0%, 63.6%, 30.8%, 2.0%

OKLCH

0.703 0.2085 351.9

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FA5BAD

#5BFAA8

Analogous

#F85BFA

#FA5B5E

#FA5BAD

Triadic

#FA5BAD

#ADFA5B

#5BADFA

Split Complementary

#FA5BAD

#5EFA5B

#5BFAF8

Tetradic

#FA5BAD

#FAF85B

#5BFAA8

#5B5EFA

Color Blindness Simulation

Original

#FA5BAD

Protanopia

#B5B499

Deuteranopia

#BECA94

Tritanopia

#F28986

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADC
300
#FB88C4
400
#F948A3
500
#F70883
600
#C60669
700
#9E0554
800
#7C0442
900
#590732
950
#39051F

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

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