#FCB147

#FCB147

Color Values

HEX

#FCB147

RGB

252, 177, 71

HSL

35.1, 96.8%, 63.3%

HSV

35.1, 71.8%, 98.8%

CMYK

0.0%, 29.8%, 71.8%, 1.2%

OKLCH

0.8139 0.1467 72.0

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FCB147

#4792FC

Analogous

#FC5647

#EDFC47

#FCB147

Triadic

#FCB147

#47FCB1

#B147FC

Split Complementary

#FCB147

#47EDFC

#5647FC

Tetradic

#FCB147

#47FC56

#4792FC

#FC47ED

Color Blindness Simulation

Original

#FCB147

Protanopia

#DCDB61

Deuteranopia

#E0E567

Tritanopia

#F87579

Achromatopsia

#B9B9B9

CSS Usage

background-color: #FCB147;
color: #FCB147;
border-color: #FCB147;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF8F1
100
#FCF0DE
200
#FEE1B9
300
#FDCC87
400
#FCB045
500
#FB9404
600
#C97703
700
#A15F03
800
#7D4A02
900
#5B3806
950
#392304

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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