#FB46B2

#FB46B2

Color Values

HEX

#FB46B2

RGB

251, 70, 178

HSL

324.2, 95.8%, 62.9%

HSV

324.2, 72.1%, 98.4%

CMYK

0.0%, 72.1%, 29.1%, 1.6%

OKLCH

0.6864 0.2367 348.6

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#FB46B2

#46FB8F

Analogous

#EA46FB

#FB4657

#FB46B2

Triadic

#FB46B2

#B2FB46

#46B2FB

Split Complementary

#FB46B2

#57FB46

#46FBEA

Tetradic

#FB46B2

#FBEA46

#46FB8F

#4657FB

Color Blindness Simulation

Original

#FB46B2

Protanopia

#ADAB98

Deuteranopia

#B7C592

Tritanopia

#F2837F

Achromatopsia

#747474

CSS Usage

background-color: #FB46B2;
color: #FB46B2;
border-color: #FB46B2;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F9
100
#FCDFF0
200
#FEB9E2
300
#FC87CD
400
#FB46B2
500
#FA0597
600
#C80479
700
#A00361
800
#7D034C
900
#5A0739
950
#390424

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.62:1

AA Pass AAA Fail

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