#FB048F

#FB048F

Color Values

HEX

#FB048F

RGB

251, 4, 143

HSL

326.2, 96.9%, 50.0%

HSV

326.2, 98.4%, 98.4%

CMYK

0.0%, 98.4%, 43.0%, 1.6%

OKLCH

0.6436 0.2616 357.1

Properties

Warm Light Nearest: deeppink

Color Harmonies

Complementary

#FB048F

#04FB70

Analogous

#EB04FB

#FB0414

#FB048F

Triadic

#FB048F

#8FFB04

#048FFB

Split Complementary

#FB048F

#14FB04

#04FBEB

Tetradic

#FB048F

#FBEB04

#04FB70

#0414FB

Color Blindness Simulation

Original

#FB048F

Protanopia

#908E6D

Deuteranopia

#9EB165

Tritanopia

#EF534D

Achromatopsia

#434343

CSS Usage

background-color: #FB048F;
color: #FB048F;
border-color: #FB048F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FEB9E0
300
#FD86C9
400
#FC45AC
500
#FB048F
600
#C90373
700
#A1035C
800
#7E0248
900
#5B0636
950
#390422

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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