#FCA665

#FCA665

Color Values

HEX

#FCA665

RGB

252, 166, 101

HSL

25.8, 96.2%, 69.2%

HSV

25.8, 59.9%, 98.8%

CMYK

0.0%, 34.1%, 59.9%, 1.2%

OKLCH

0.7974 0.1302 56.6

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#FCA665

#65BBFC

Analogous

#FC656F

#FCF165

#FCA665

Triadic

#FCA665

#65FCA6

#A665FC

Split Complementary

#FCA665

#65FCF1

#656FFC

Tetradic

#FCA665

#6FFC65

#65BBFC

#F165FC

Color Blindness Simulation

Original

#FCA665

Protanopia

#D7D675

Deuteranopia

#DCE278

Tritanopia

#F88184

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDF
200
#FED6B9
300
#FDBA87
400
#FB9446
500
#FA6E05
600
#C85804
700
#A04703
800
#7D3702
900
#5A2B07
950
#391B04

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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