#FC45B8

#FC45B8

Color Values

HEX

#FC45B8

RGB

252, 69, 184

HSL

322.3, 96.8%, 62.9%

HSV

322.3, 72.6%, 98.8%

CMYK

0.0%, 72.6%, 27.0%, 1.2%

OKLCH

0.6894 0.2416 346.8

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#FC45B8

#45FC89

Analogous

#E445FC

#FC455C

#FC45B8

Triadic

#FC45B8

#B8FC45

#45B8FC

Split Complementary

#FC45B8

#5CFC45

#45FCE4

Tetradic

#FC45B8

#FCE445

#45FC89

#455CFC

Color Blindness Simulation

Original

#FC45B8

Protanopia

#ADAB9C

Deuteranopia

#B7C595

Tritanopia

#F38681

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FEB9E4
300
#FD87D1
400
#FC45B8
500
#FB049F
600
#C9037F
700
#A10366
800
#7D0250
900
#5B063B
950
#390425

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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