#FF8742

#FF8742

Color Values

HEX

#FF8742

RGB

255, 135, 66

HSL

21.9, 100.0%, 62.9%

HSV

21.9, 74.1%, 100.0%

CMYK

0.0%, 47.1%, 74.1%, 0.0%

OKLCH

0.7457 0.1669 47.9

Properties

Warm Light Nearest: Mango Tango

Color Harmonies

Complementary

#FF8742

#42BAFF

Analogous

#FF425B

#FFE542

#FF8742

Triadic

#FF8742

#42FF87

#8742FF

Split Complementary

#FF8742

#42FFE5

#425BFF

Tetradic

#FF8742

#5BFF42

#42BAFF

#E542FF

Color Blindness Simulation

Original

#FF8742

Protanopia

#CBCA53

Deuteranopia

#D2DB57

Tritanopia

#F96063

Achromatopsia

#9C9C9C

CSS Usage

background-color: #FF8742;
color: #FF8742;
border-color: #FF8742;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FEF6F1
100
#FCE9DE
200
#FFD2B8
300
#FFB185
400
#FF8742
500
#FF5D00
600
#CC4A00
700
#A33C00
800
#802F00
900
#5C2505
950
#3A1703

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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