#FF5476

#FF5476

Color Values

HEX

#FF5476

RGB

255, 84, 118

HSL

348.1, 100.0%, 66.5%

HSV

348.1, 67.1%, 100.0%

CMYK

0.0%, 67.1%, 53.7%, 0.0%

OKLCH

0.6874 0.2064 12.8

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FF5476

#54FFDD

Analogous

#FF54CB

#FF8854

#FF5476

Triadic

#FF5476

#76FF54

#5476FF

Split Complementary

#FF5476

#54FF88

#54CBFF

Tetradic

#FF5476

#CBFF54

#54FFDD

#8854FF

Color Blindness Simulation

Original

#FF5476

Protanopia

#B5B36E

Deuteranopia

#BFCC6C

Tritanopia

#F66766

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE4
200
#FFB8C6
300
#FF859D
400
#FF4268
500
#FF0033
600
#CC0028
700
#A30020
800
#800019
900
#5C0516
950
#3A030E

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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