#FB76C9

#FB76C9

Color Values

HEX

#FB76C9

RGB

251, 118, 201

HSL

322.6, 94.3%, 72.4%

HSV

322.6, 53.0%, 98.4%

CMYK

0.0%, 53.0%, 19.9%, 1.6%

OKLCH

0.7466 0.1861 344.2

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FB76C9

#76FBA8

Analogous

#EB76FB

#FB7687

#FB76C9

Triadic

#FB76C9

#C9FB76

#76C9FB

Split Complementary

#FB76C9

#87FB76

#76FBEB

Tetradic

#FB76C9

#FBEB76

#76FBA8

#7687FB

Color Blindness Simulation

Original

#FB76C9

Protanopia

#C1C0B5

Deuteranopia

#C9D3B0

Tritanopia

#F4A5A2

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FDBAE4
300
#FC88D0
400
#FA48B7
500
#F8079D
600
#C6067E
700
#9F0565
800
#7C044F
900
#5A073B
950
#390525

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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