#FF5442

#FF5442

Color Values

HEX

#FF5442

RGB

255, 84, 66

HSL

5.7, 100.0%, 62.9%

HSV

5.7, 74.1%, 100.0%

CMYK

0.0%, 67.1%, 74.1%, 0.0%

OKLCH

0.6786 0.21 29.6

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#FF5442

#42EDFF

Analogous

#FF428E

#FFB242

#FF5442

Triadic

#FF5442

#42FF54

#5442FF

Split Complementary

#FF5442

#42FFB2

#428EFF

Tetradic

#FF5442

#8EFF42

#42EDFF

#B242FF

Color Blindness Simulation

Original

#FF5442

Protanopia

#B5B346

Deuteranopia

#BFCC47

Tritanopia

#F64A4B

Achromatopsia

#777777

CSS Usage

background-color: #FF5442;
color: #FF5442;
border-color: #FF5442;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FFBEB8
300
#FF9085
400
#FF5442
500
#FF1800
600
#CC1300
700
#A31000
800
#800C00
900
#5C0D05
950
#3A0803

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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