#F46142

#F46142

Color Values

HEX

#F46142

RGB

244, 97, 66

HSL

10.4, 89.0%, 60.8%

HSV

10.4, 73.0%, 95.7%

CMYK

0.0%, 60.2%, 73.0%, 4.3%

OKLCH

0.6764 0.187 33.6

Properties

Warm Light Nearest: tomato 2

Color Harmonies

Complementary

#F46142

#42D5F4

Analogous

#F4427C

#F4BA42

#F46142

Triadic

#F46142

#42F461

#6142F4

Split Complementary

#F46142

#42F4BA

#427CF4

Tetradic

#F46142

#7CF442

#42D5F4

#BA42F4

Color Blindness Simulation

Original

#F46142

Protanopia

#B4B349

Deuteranopia

#BDC84B

Tritanopia

#ED4F51

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FBE4E0
200
#FBC7BC
300
#F89E8B
400
#F56A4D
500
#F1350E
600
#C12B0B
700
#9A2209
800
#781B07
900
#57170A
950
#370F06

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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