#FF4942

#FF4942

Color Values

HEX

#FF4942

RGB

255, 73, 66

HSL

2.2, 100.0%, 62.9%

HSV

2.2, 74.1%, 100.0%

CMYK

0.0%, 71.4%, 74.1%, 0.0%

OKLCH

0.6678 0.2194 27.2

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FF4942

#42F8FF

Analogous

#FF4299

#FFA742

#FF4942

Triadic

#FF4942

#42FF49

#4942FF

Split Complementary

#FF4942

#42FFA7

#4299FF

Tetradic

#FF4942

#99FF42

#42F8FF

#A742FF

Color Blindness Simulation

Original

#FF4942

Protanopia

#B0AF44

Deuteranopia

#BBC844

Tritanopia

#F64545

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFBAB8
300
#FF8985
400
#FF4942
500
#FF0900
600
#CC0700
700
#A30600
800
#800500
900
#5C0805
950
#3A0503

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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