#FA5AAA

#FA5AAA

Color Values

HEX

#FA5AAA

RGB

250, 90, 170

HSL

330.0, 94.1%, 66.7%

HSV

330.0, 64.0%, 98.0%

CMYK

0.0%, 64.0%, 32.0%, 2.0%

OKLCH

0.7008 0.2085 352.9

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FA5AAA

#5AFAAA

Analogous

#FA5AFA

#FA5A5A

#FA5AAA

Triadic

#FA5AAA

#AAFA5A

#5AAAFA

Split Complementary

#FA5AAA

#5AFA5A

#5AFAFA

Tetradic

#FA5AAA

#FAFA5A

#5AFAAA

#5A5AFA

Color Blindness Simulation

Original

#FA5AAA

Protanopia

#B5B397

Deuteranopia

#BECA92

Tritanopia

#F28784

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADB
300
#FB88C2
400
#F948A1
500
#F70880
600
#C60666
700
#9E0552
800
#7C0440
900
#590730
950
#39051F

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.11:1

AA Pass AAA Pass

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