#FC9345

#FC9345

Color Values

HEX

#FC9345

RGB

252, 147, 69

HSL

25.6, 96.8%, 62.9%

HSV

25.6, 72.6%, 98.8%

CMYK

0.0%, 41.7%, 72.6%, 1.2%

OKLCH

0.7613 0.1556 54.2

Properties

Warm Light Nearest: tan 1

Color Harmonies

Complementary

#FC9345

#45AEFC

Analogous

#FC4552

#FCEF45

#FC9345

Triadic

#FC9345

#45FC93

#9345FC

Split Complementary

#FC9345

#45FCEF

#4552FC

Tetradic

#FC9345

#52FC45

#45AEFC

#EF45FC

Color Blindness Simulation

Original

#FC9345

Protanopia

#CFCE58

Deuteranopia

#D5DC5C

Tritanopia

#F7676A

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED6B9
300
#FDB987
400
#FC9345
500
#FB6D04
600
#C95803
700
#A14603
800
#7D3702
900
#5B2A06
950
#391B04

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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