#FB7DBC

#FB7DBC

Color Values

HEX

#FB7DBC

RGB

251, 125, 188

HSL

330.0, 94.0%, 73.7%

HSV

330.0, 50.2%, 98.4%

CMYK

0.0%, 50.2%, 25.1%, 1.6%

OKLCH

0.7513 0.1678 350.6

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#FB7DBC

#7DFBBC

Analogous

#FB7DFB

#FB7D7D

#FB7DBC

Triadic

#FB7DBC

#BCFB7D

#7DBCFB

Split Complementary

#FB7DBC

#7DFB7D

#7DFBFB

Tetradic

#FB7DBC

#FBFB7D

#7DFBBC

#7D7DFB

Color Blindness Simulation

Original

#FB7DBC

Protanopia

#C4C3AD

Deuteranopia

#CCD5A9

Tritanopia

#F5A19E

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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