#FCA157

#FCA157

Color Values

HEX

#FCA157

RGB

252, 161, 87

HSL

26.9, 96.5%, 66.5%

HSV

26.9, 65.5%, 98.8%

CMYK

0.0%, 36.1%, 65.5%, 1.2%

OKLCH

0.7869 0.1403 57.8

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#FCA157

#57B2FC

Analogous

#FC5760

#FCF357

#FCA157

Triadic

#FCA157

#57FCA1

#A157FC

Split Complementary

#FCA157

#57FCF3

#5760FC

Tetradic

#FCA157

#60FC57

#57B2FC

#F357FC

Color Blindness Simulation

Original

#FCA157

Protanopia

#D5D469

Deuteranopia

#DAE16D

Tritanopia

#F7777A

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED8B9
300
#FDBC87
400
#FC9746
500
#FB7304
600
#C85C04
700
#A04903
800
#7D3902
900
#5B2C06
950
#391C04

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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