#FC6D45

#FC6D45

Color Values

HEX

#FC6D45

RGB

252, 109, 69

HSL

13.1, 96.8%, 62.9%

HSV

13.1, 72.6%, 98.8%

CMYK

0.0%, 56.7%, 72.6%, 1.2%

OKLCH

0.7043 0.1838 36.4

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC6D45

#45D4FC

Analogous

#FC4578

#FCC845

#FC6D45

Triadic

#FC6D45

#45FC6D

#6D45FC

Split Complementary

#FC6D45

#45FCC8

#4578FC

Tetradic

#FC6D45

#78FC45

#45D4FC

#C845FC

Color Blindness Simulation

Original

#FC6D45

Protanopia

#BEBD4F

Deuteranopia

#C6D151

Tritanopia

#F55658

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC8B9
300
#FDA087
400
#FC6D45
500
#FB3A04
600
#C92E03
700
#A12503
800
#7D1D02
900
#5B1906
950
#391004

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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