#FF424C

#FF424C

Color Values

HEX

#FF424C

RGB

255, 66, 76

HSL

356.8, 100.0%, 62.9%

HSV

356.8, 74.1%, 100.0%

CMYK

0.0%, 74.1%, 70.2%, 0.0%

OKLCH

0.6629 0.2239 23.3

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FF424C

#42FFF5

Analogous

#FF42AA

#FF9642

#FF424C

Triadic

#FF424C

#4CFF42

#424CFF

Split Complementary

#FF424C

#42FF96

#42AAFF

Tetradic

#FF424C

#AAFF42

#42FFF5

#9642FF

Color Blindness Simulation

Original

#FF424C

Protanopia

#ADAC4A

Deuteranopia

#B8C649

Tritanopia

#F64847

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BB
300
#FF858B
400
#FF424C
500
#FF000E
600
#CC000B
700
#A30009
800
#800007
900
#5C0509
950
#3A0306

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026