#FC7146

#FC7146

Color Values

HEX

#FC7146

RGB

252, 113, 70

HSL

14.2, 96.8%, 63.1%

HSV

14.2, 72.2%, 98.8%

CMYK

0.0%, 55.2%, 72.2%, 1.2%

OKLCH

0.7098 0.18 37.6

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC7146

#46D1FC

Analogous

#FC4676

#FCCC46

#FC7146

Triadic

#FC7146

#46FC71

#7146FC

Split Complementary

#FC7146

#46FCCC

#4676FC

Tetradic

#FC7146

#76FC46

#46D1FC

#CC46FC

Color Blindness Simulation

Original

#FC7146

Protanopia

#C0BF50

Deuteranopia

#C8D253

Tritanopia

#F5595A

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC9B9
300
#FDA387
400
#FC7145
500
#FB3E04
600
#C93203
700
#A12803
800
#7D1F02
900
#5B1A06
950
#391104

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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