#FC7045

#FC7045

Color Values

HEX

#FC7045

RGB

252, 112, 69

HSL

14.1, 96.8%, 62.9%

HSV

14.1, 72.6%, 98.8%

CMYK

0.0%, 55.6%, 72.6%, 1.2%

OKLCH

0.7083 0.1811 37.5

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC7045

#45D1FC

Analogous

#FC4575

#FCCB45

#FC7045

Triadic

#FC7045

#45FC70

#7045FC

Split Complementary

#FC7045

#45FCCB

#4575FC

Tetradic

#FC7045

#75FC45

#45D1FC

#CB45FC

Color Blindness Simulation

Original

#FC7045

Protanopia

#BFBE4F

Deuteranopia

#C8D252

Tritanopia

#F55859

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC9B9
300
#FDA287
400
#FC7045
500
#FB3E04
600
#C93203
700
#A12803
800
#7D1F02
900
#5B1A06
950
#391004

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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