#FF5462

#FF5462

Color Values

HEX

#FF5462

RGB

255, 84, 98

HSL

355.1, 100.0%, 66.5%

HSV

355.1, 67.1%, 100.0%

CMYK

0.0%, 67.1%, 61.6%, 0.0%

OKLCH

0.6833 0.2062 20.0

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FF5462

#54FFF1

Analogous

#FF54B8

#FF9C54

#FF5462

Triadic

#FF5462

#62FF54

#5462FF

Split Complementary

#FF5462

#54FF9C

#54B8FF

Tetradic

#FF5462

#B8FF54

#54FFF1

#9C54FF

Color Blindness Simulation

Original

#FF5462

Protanopia

#B5B35F

Deuteranopia

#BFCC5E

Tritanopia

#F65C5B

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BD
300
#FF858F
400
#FF4252
500
#FF0015
600
#CC0011
700
#A3000D
800
#80000A
900
#5C050C
950
#3A0308

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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