#FCA057

#FCA057

Color Values

HEX

#FCA057

RGB

252, 160, 87

HSL

26.5, 96.5%, 66.5%

HSV

26.5, 65.5%, 98.8%

CMYK

0.0%, 36.5%, 65.5%, 1.2%

OKLCH

0.7852 0.1407 57.1

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#FCA057

#57B3FC

Analogous

#FC5761

#FCF257

#FCA057

Triadic

#FCA057

#57FCA0

#A057FC

Split Complementary

#FCA057

#57FCF2

#5761FC

Tetradic

#FCA057

#61FC57

#57B3FC

#F257FC

Color Blindness Simulation

Original

#FCA057

Protanopia

#D4D369

Deuteranopia

#DAE06D

Tritanopia

#F7777A

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEBDF
200
#FED7B9
300
#FDBB87
400
#FC9646
500
#FB7104
600
#C85B04
700
#A04803
800
#7D3902
900
#5B2C06
950
#391B04

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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