#FC7C46

#FC7C46

Color Values

HEX

#FC7C46

RGB

252, 124, 70

HSL

17.8, 96.8%, 63.1%

HSV

17.8, 72.2%, 98.8%

CMYK

0.0%, 50.8%, 72.2%, 1.2%

OKLCH

0.7254 0.1707 42.2

Properties

Warm Light Nearest: sienna 1

Color Harmonies

Complementary

#FC7C46

#46C6FC

Analogous

#FC466B

#FCD746

#FC7C46

Triadic

#FC7C46

#46FC7C

#7C46FC

Split Complementary

#FC7C46

#46FCD7

#466BFC

Tetradic

#FC7C46

#6BFC46

#46C6FC

#D746FC

Color Blindness Simulation

Original

#FC7C46

Protanopia

#C5C353

Deuteranopia

#CCD656

Tritanopia

#F65D60

Achromatopsia

#939393

CSS Usage

background-color: #FC7C46;
color: #FC7C46;
border-color: #FC7C46;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FECDB9
300
#FDAA87
400
#FC7C45
500
#FB4D04
600
#C93E03
700
#A13103
800
#7D2702
900
#5B1F06
950
#391404

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026