#FC6B45

#FC6B45

Color Values

HEX

#FC6B45

RGB

252, 107, 69

HSL

12.5, 96.8%, 62.9%

HSV

12.5, 72.6%, 98.8%

CMYK

0.0%, 57.5%, 72.6%, 1.2%

OKLCH

0.7016 0.1856 35.7

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC6B45

#45D6FC

Analogous

#FC457A

#FCC745

#FC6B45

Triadic

#FC6B45

#45FC6B

#6B45FC

Split Complementary

#FC6B45

#45FCC7

#457AFC

Tetradic

#FC6B45

#7AFC45

#45D6FC

#C745FC

Color Blindness Simulation

Original

#FC6B45

Protanopia

#BDBC4E

Deuteranopia

#C6D050

Tritanopia

#F55557

Achromatopsia

#878787

CSS Usage

background-color: #FC6B45;
color: #FC6B45;
border-color: #FC6B45;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC7B9
300
#FD9F87
400
#FC6B45
500
#FB3804
600
#C92C03
700
#A12403
800
#7D1C02
900
#5B1806
950
#390F04

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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