#FC9146

#FC9146

Color Values

HEX

#FC9146

RGB

252, 145, 70

HSL

24.7, 96.8%, 63.1%

HSV

24.7, 72.2%, 98.8%

CMYK

0.0%, 42.5%, 72.2%, 1.2%

OKLCH

0.7581 0.1562 52.8

Properties

Warm Light Nearest: Mango Tango

Color Harmonies

Complementary

#FC9146

#46B1FC

Analogous

#FC4656

#FCEC46

#FC9146

Triadic

#FC9146

#46FC91

#9146FC

Split Complementary

#FC9146

#46FCEC

#4656FC

Tetradic

#FC9146

#56FC46

#46B1FC

#EC46FC

Color Blindness Simulation

Original

#FC9146

Protanopia

#CECD58

Deuteranopia

#D4DC5C

Tritanopia

#F7666A

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED5B9
300
#FDB787
400
#FC9145
500
#FB6A04
600
#C95503
700
#A14403
800
#7D3502
900
#5B2906
950
#391A04

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026