#FC307B

#FC307B

Color Values

HEX

#FC307B

RGB

252, 48, 123

HSL

337.9, 97.1%, 58.8%

HSV

337.9, 81.0%, 98.8%

CMYK

0.0%, 81.0%, 51.2%, 1.2%

OKLCH

0.6545 0.2375 5.7

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FC307B

#30FCB1

Analogous

#FC30E1

#FC4B30

#FC307B

Triadic

#FC307B

#7BFC30

#307BFC

Split Complementary

#FC307B

#30FC4B

#30E1FC

Tetradic

#FC307B

#E1FC30

#30FCB1

#4B30FC

Color Blindness Simulation

Original

#FC307B

Protanopia

#A4A269

Deuteranopia

#B0BF64

Tritanopia

#F25B57

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FEB9D2
300
#FD86B2
400
#FC4589
500
#FB045F
600
#C9034C
700
#A1023D
800
#7E022F
900
#5B0625
950
#390418

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.85:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026