#FF4842

#FF4842

Color Values

HEX

#FF4842

RGB

255, 72, 66

HSL

1.9, 100.0%, 62.9%

HSV

1.9, 74.1%, 100.0%

CMYK

0.0%, 71.8%, 74.1%, 0.0%

OKLCH

0.6669 0.2202 27.0

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FF4842

#42F9FF

Analogous

#FF429A

#FFA642

#FF4842

Triadic

#FF4842

#42FF48

#4842FF

Split Complementary

#FF4842

#42FFA6

#429AFF

Tetradic

#FF4842

#9AFF42

#42F9FF

#A642FF

Color Blindness Simulation

Original

#FF4842

Protanopia

#B0AE43

Deuteranopia

#BAC844

Tritanopia

#F64545

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFBAB8
300
#FF8885
400
#FF4842
500
#FF0800
600
#CC0600
700
#A30500
800
#800400
900
#5C0805
950
#3A0503

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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