#FB76BA

#FB76BA

Color Values

HEX

#FB76BA

RGB

251, 118, 186

HSL

329.3, 94.3%, 72.4%

HSV

329.3, 53.0%, 98.4%

CMYK

0.0%, 53.0%, 25.9%, 1.6%

OKLCH

0.7412 0.1775 350.4

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FB76BA

#76FBB7

Analogous

#F976FB

#FB7678

#FB76BA

Triadic

#FB76BA

#BAFB76

#76BAFB

Split Complementary

#FB76BA

#78FB76

#76FBF9

Tetradic

#FB76BA

#FBF976

#76FBB7

#7678FB

Color Blindness Simulation

Original

#FB76BA

Protanopia

#C1C0AA

Deuteranopia

#C9D3A6

Tritanopia

#F49D9A

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADC
300
#FC88C3
400
#FA48A3
500
#F80782
600
#C60668
700
#9F0553
800
#7C0441
900
#5A0731
950
#39051F

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026