#FB5CB2

#FB5CB2

Color Values

HEX

#FB5CB2

RGB

251, 92, 178

HSL

327.5, 95.2%, 67.3%

HSV

327.5, 63.3%, 98.4%

CMYK

0.0%, 63.3%, 29.1%, 1.6%

OKLCH

0.7072 0.2105 350.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FB5CB2

#5CFBA5

Analogous

#F45CFB

#FB5C63

#FB5CB2

Triadic

#FB5CB2

#B2FB5C

#5CB2FB

Split Complementary

#FB5CB2

#63FB5C

#5CFBF4

Tetradic

#FB5CB2

#FBF45C

#5CFBA5

#5C63FB

Color Blindness Simulation

Original

#FB5CB2

Protanopia

#B6B59D

Deuteranopia

#BFCB98

Tritanopia

#F38D89

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDB9DE
300
#FC88C7
400
#FA47A8
500
#F9068A
600
#C7056E
700
#9F0458
800
#7C0345
900
#5A0734
950
#390421

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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