#F54CBC

#F54CBC

Color Values

HEX

#F54CBC

RGB

245, 76, 188

HSL

320,2, 89,4%, 62,9%

HSV

320,2, 69,0%, 96,1%

CMYK

0,0%, 69,0%, 23,3%, 3,9%

OKLCH

0,6865 0,2314 344,3

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F54CBC

#4CF585

Analogous

#D94CF5

#F54C67

#F54CBC

Triadic

#F54CBC

#BCF54C

#4CBCF5

Split Complementary

#F54CBC

#67F54C

#4CF5D9

Tetradic

#F54CBC

#F5D94C

#4CF585

#4C67F5

Color Blindness Simulation

Original

#F54CBC

Protanopia

#ACAAA1

Deuteranopia

#B6C29A

Tritanopia

#ED8B87

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FBE0F2
200
#FBBBE6
300
#F98BD4
400
#F54CBC
500
#F10EA5
600
#C10B84
700
#9B0969
800
#790752
900
#57093D
950
#370627

Contrast Checker

Text on white

3,16:1

AA Fail AAA Fail

Text on black

6,64: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