#F54D85

#F54D85

Color Values

HEX

#F54D85

RGB

245, 77, 133

HSL

340.0, 89.4%, 63.1%

HSV

340.0, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 45.7%, 3.9%

OKLCH

0.6685 0.2071 4.4

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F54D85

#4DF5BD

Analogous

#F54DD9

#F5694D

#F54D85

Triadic

#F54D85

#85F54D

#4D85F5

Split Complementary

#F54D85

#4DF569

#4DD9F5

Tetradic

#F54D85

#D9F54D

#4DF5BD

#694DF5

Color Blindness Simulation

Original

#F54D85

Protanopia

#ACAB77

Deuteranopia

#B6C374

Tritanopia

#ED6D6A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FBE0E9
200
#FBBBD1
300
#F98BB0
400
#F54C85
500
#F10E5A
600
#C10B48
700
#9B0939
800
#79072D
900
#570923
950
#370616

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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