#FF7642

#FF7642

Color Values

HEX

#FF7642

RGB

255, 118, 66

HSL

16.5, 100.0%, 62.9%

HSV

16.5, 74.1%, 100.0%

CMYK

0.0%, 53.7%, 74.1%, 0.0%

OKLCH

0.7206 0.1799 40.3

Properties

Warm Light Nearest: Orange

Color Harmonies

Complementary

#FF7642

#42CBFF

Analogous

#FF426C

#FFD442

#FF7642

Triadic

#FF7642

#42FF76

#7642FF

Split Complementary

#FF7642

#42FFD4

#426CFF

Tetradic

#FF7642

#6CFF42

#42CBFF

#D442FF

Color Blindness Simulation

Original

#FF7642

Protanopia

#C4C24F

Deuteranopia

#CCD652

Tritanopia

#F8595B

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FFCBB8
300
#FFA685
400
#FF7642
500
#FF4600
600
#CC3800
700
#A32D00
800
#802300
900
#5C1D05
950
#3A1203

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.92:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026