#FF4742

#FF4742

Color Values

HEX

#FF4742

RGB

255, 71, 66

HSL

1.6, 100.0%, 62.9%

HSV

1.6, 74.1%, 100.0%

CMYK

0.0%, 72.2%, 74.1%, 0.0%

OKLCH

0.666 0.221 26.8

Properties

Warm Light Nearest: brown 1

Color Harmonies

Complementary

#FF4742

#42FAFF

Analogous

#FF429B

#FFA542

#FF4742

Triadic

#FF4742

#42FF47

#4742FF

Split Complementary

#FF4742

#42FFA5

#429BFF

Tetradic

#FF4742

#9BFF42

#42FAFF

#A542FF

Color Blindness Simulation

Original

#FF4742

Protanopia

#AFAE43

Deuteranopia

#BAC844

Tritanopia

#F64444

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFBAB8
300
#FF8885
400
#FF4742
500
#FF0700
600
#CC0500
700
#A30400
800
#800300
900
#5C0705
950
#3A0503

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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