#FF7342

#FF7342

Color Values

HEX

#FF7342

RGB

255, 115, 66

HSL

15.6, 100.0%, 62.9%

HSV

15.6, 74.1%, 100.0%

CMYK

0.0%, 54.9%, 74.1%, 0.0%

OKLCH

0.7164 0.1825 39.2

Properties

Warm Light Nearest: Orange

Color Harmonies

Complementary

#FF7342

#42CEFF

Analogous

#FF426F

#FFD242

#FF7342

Triadic

#FF7342

#42FF73

#7342FF

Split Complementary

#FF7342

#42FFD2

#426FFF

Tetradic

#FF7342

#6FFF42

#42CEFF

#D242FF

Color Blindness Simulation

Original

#FF7342

Protanopia

#C2C14E

Deuteranopia

#CAD551

Tritanopia

#F85759

Achromatopsia

#8D8D8D

CSS Usage

background-color: #FF7342;
color: #FF7342;
border-color: #FF7342;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FFCAB8
300
#FFA485
400
#FF7342
500
#FF4200
600
#CC3500
700
#A32A00
800
#802100
900
#5C1C05
950
#3A1103

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.78:1

AA Pass AAA Pass

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