#FC6F45

#FC6F45

Color Values

HEX

#FC6F45

RGB

252, 111, 69

HSL

13.8, 96.8%, 62.9%

HSV

13.8, 72.6%, 98.8%

CMYK

0.0%, 56.0%, 72.6%, 1.2%

OKLCH

0.7069 0.182 37.1

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC6F45

#45D2FC

Analogous

#FC4576

#FCCB45

#FC6F45

Triadic

#FC6F45

#45FC6F

#6F45FC

Split Complementary

#FC6F45

#45FCCB

#4576FC

Tetradic

#FC6F45

#76FC45

#45D2FC

#CB45FC

Color Blindness Simulation

Original

#FC6F45

Protanopia

#BFBE4F

Deuteranopia

#C7D252

Tritanopia

#F55759

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC9B9
300
#FDA287
400
#FC6F45
500
#FB3D04
600
#C93103
700
#A12703
800
#7D1E02
900
#5B1A06
950
#391004

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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