#F54DC8

#F54DC8

Color Values

HEX

#F54DC8

RGB

245, 77, 200

HSL

316.1, 89.4%, 63.1%

HSV

316.1, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 18.4%, 3.9%

OKLCH

0.6924 0.2374 340.5

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DC8

#4DF57A

Analogous

#CE4DF5

#F54D74

#F54DC8

Triadic

#F54DC8

#C8F54D

#4DC8F5

Split Complementary

#F54DC8

#74F54D

#4DF5CE

Tetradic

#F54DC8

#F5CE4D

#4DF57A

#4D74F5

Color Blindness Simulation

Original

#F54DC8

Protanopia

#ACABAA

Deuteranopia

#B6C3A3

Tritanopia

#ED938E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F3
200
#FBBBEA
300
#F98BDB
400
#F54CC8
500
#F10EB4
600
#C10B90
700
#9B0973
800
#79075A
900
#570943
950
#37062A

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.78:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026