#FF3C46

#FF3C46

Color Values

HEX

#FF3C46

RGB

255, 60, 70

HSL

356.9, 100.0%, 61.8%

HSV

356.9, 76.5%, 100.0%

CMYK

0.0%, 76.5%, 72.5%, 0.0%

OKLCH

0.6573 0.229 23.9

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FF3C46

#3CFFF5

Analogous

#FF3CA8

#FF943C

#FF3C46

Triadic

#FF3C46

#46FF3C

#3C46FF

Split Complementary

#FF3C46

#3CFF94

#3CA8FF

Tetradic

#FF3C46

#A8FF3C

#3CFFF5

#943CFF

Color Blindness Simulation

Original

#FF3C46

Protanopia

#ABA944

Deuteranopia

#B6C443

Tritanopia

#F54241

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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