#FCA963

#FCA963

Color Values

HEX

#FCA963

RGB

252, 169, 99

HSL

27.5, 96.2%, 68.8%

HSV

27.5, 60.7%, 98.8%

CMYK

0.0%, 32.9%, 60.7%, 1.2%

OKLCH

0.8024 0.1305 59.5

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#FCA963

#63B6FC

Analogous

#FC6369

#FCF663

#FCA963

Triadic

#FCA963

#63FCA9

#A963FC

Split Complementary

#FCA963

#63FCF6

#6369FC

Tetradic

#FCA963

#69FC63

#63B6FC

#F663FC

Color Blindness Simulation

Original

#FCA963

Protanopia

#D8D774

Deuteranopia

#DDE378

Tritanopia

#F88184

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED8B9
300
#FDBD87
400
#FB9946
500
#FA7505
600
#C85E04
700
#A04B03
800
#7D3B02
900
#5A2D07
950
#391C04

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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