#FA78BC

#FA78BC

Color Values

HEX

#FA78BC

RGB

250, 120, 188

HSL

328.6, 92.9%, 72.5%

HSV

328.6, 52.0%, 98.0%

CMYK

0.0%, 52.0%, 24.8%, 2.0%

OKLCH

0.7432 0.1746 349.6

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FA78BC

#78FAB6

Analogous

#F778FA

#FA787B

#FA78BC

Triadic

#FA78BC

#BCFA78

#78BCFA

Split Complementary

#FA78BC

#7BFA78

#78FAF7

Tetradic

#FA78BC

#FAF778

#78FAB6

#787BFA

Color Blindness Simulation

Original

#FA78BC

Protanopia

#C2C1AC

Deuteranopia

#C9D3A8

Tritanopia

#F49F9C

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FB89C4
400
#F849A5
500
#F60985
600
#C5076A
700
#9D0655
800
#7B0543
900
#590832
950
#380520

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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