#FC6C45

#FC6C45

Color Values

HEX

#FC6C45

RGB

252, 108, 69

HSL

12.8, 96.8%, 62.9%

HSV

12.8, 72.6%, 98.8%

CMYK

0.0%, 57.1%, 72.6%, 1.2%

OKLCH

0.7029 0.1847 36.0

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC6C45

#45D5FC

Analogous

#FC4579

#FCC745

#FC6C45

Triadic

#FC6C45

#45FC6C

#6C45FC

Split Complementary

#FC6C45

#45FCC7

#4579FC

Tetradic

#FC6C45

#79FC45

#45D5FC

#C745FC

Color Blindness Simulation

Original

#FC6C45

Protanopia

#BEBC4E

Deuteranopia

#C6D151

Tritanopia

#F55658

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC7B9
300
#FDA087
400
#FC6C45
500
#FB3904
600
#C92D03
700
#A12403
800
#7D1C02
900
#5B1806
950
#390F04

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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