#FA7CBA

#FA7CBA

Color Values

HEX

#FA7CBA

RGB

250, 124, 186

HSL

330.5, 92.6%, 73.3%

HSV

330.5, 50.4%, 98.0%

CMYK

0.0%, 50.4%, 25.6%, 2.0%

OKLCH

0.748 0.1674 351.1

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FA7CBA

#7CFABC

Analogous

#FA7CF9

#FA7D7C

#FA7CBA

Triadic

#FA7CBA

#BAFA7C

#7CBAFA

Split Complementary

#FA7CBA

#7CFA7D

#7CF9FA

Tetradic

#FA7CBA

#F9FA7C

#7CFABC

#7D7CFA

Color Blindness Simulation

Original

#FA7CBA

Protanopia

#C3C2AB

Deuteranopia

#CBD4A7

Tritanopia

#F49F9D

Achromatopsia

#9B9B9B

CSS Usage

background-color: #FA7CBA;
color: #FA7CBA;
border-color: #FA7CBA;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADB
300
#FA89C1
400
#F8499F
500
#F6097E
600
#C40864
700
#9D0650
800
#7B053F
900
#590830
950
#38051E

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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