#FCA96D

#FCA96D

Color Values

HEX

#FCA96D

RGB

252, 169, 109

HSL

25.2, 96.0%, 70.8%

HSV

25.2, 56.7%, 98.8%

CMYK

0.0%, 32.9%, 56.7%, 1.2%

OKLCH

0.8038 0.1241 55.8

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#FCA96D

#6DC0FC

Analogous

#FC6D78

#FCF16D

#FCA96D

Triadic

#FCA96D

#6DFCA9

#A96DFC

Split Complementary

#FCA96D

#6DFCF1

#6D78FC

Tetradic

#FCA96D

#78FC6D

#6DC0FC

#F16DFC

Color Blindness Simulation

Original

#FCA96D

Protanopia

#D8D77C

Deuteranopia

#DDE37F

Tritanopia

#F8878A

Achromatopsia

#B6B6B6

CSS Usage

background-color: #FCA96D;
color: #FCA96D;
border-color: #FCA96D;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF6F1
100
#FCEBDF
200
#FED6B9
300
#FDB887
400
#FB9246
500
#FA6C05
600
#C85604
700
#A04503
800
#7D3603
900
#5A2A07
950
#391A04

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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