#F54C62

#F54C62

Color Values

HEX

#F54C62

RGB

245, 76, 98

HSL

352.2, 89.4%, 62.9%

HSV

352.2, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 60.0%, 3.9%

OKLCH

0.6593 0.2042 17.5

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F54C62

#4CF5DF

Analogous

#F54CB6

#F58A4C

#F54C62

Triadic

#F54C62

#62F54C

#4C62F5

Split Complementary

#F54C62

#4CF58A

#4CB6F5

Tetradic

#F54C62

#B6F54C

#4CF5DF

#8A4CF5

Color Blindness Simulation

Original

#F54C62

Protanopia

#ACAA5D

Deuteranopia

#B6C25B

Tritanopia

#ED5858

Achromatopsia

#727272

CSS Usage

background-color: #F54C62;
color: #F54C62;
border-color: #F54C62;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F3
100
#FBE0E3
200
#FBBBC4
300
#F98B99
400
#F54C62
500
#F10E2B
600
#C10B23
700
#9B091C
800
#790716
900
#570914
950
#37060C

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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