#FC7D46

#FC7D46

Color Values

HEX

#FC7D46

RGB

252, 125, 70

HSL

18.1, 96.8%, 63.1%

HSV

18.1, 72.2%, 98.8%

CMYK

0.0%, 50.4%, 72.2%, 1.2%

OKLCH

0.7269 0.1699 42.7

Properties

Warm Light Nearest: sienna 1

Color Harmonies

Complementary

#FC7D46

#46C5FC

Analogous

#FC466A

#FCD846

#FC7D46

Triadic

#FC7D46

#46FC7D

#7D46FC

Split Complementary

#FC7D46

#46FCD8

#466AFC

Tetradic

#FC7D46

#6AFC46

#46C5FC

#D846FC

Color Blindness Simulation

Original

#FC7D46

Protanopia

#C5C453

Deuteranopia

#CCD656

Tritanopia

#F65E60

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FECEB9
300
#FDAA87
400
#FC7C45
500
#FB4F04
600
#C93F03
700
#A13203
800
#7D2702
900
#5B2006
950
#391404

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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