#FCD34D

#FCD34D

Color Values

HEX

#FCD34D

RGB

252, 211, 77

HSL

45.9, 96.7%, 64.5%

HSV

45.9, 69.4%, 98.8%

CMYK

0.0%, 16.3%, 69.4%, 1.2%

OKLCH

0.879 0.1534 91.6

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FCD34D

#4D76FC

Analogous

#FC7B4D

#CEFC4D

#FCD34D

Triadic

#FCD34D

#4DFCD3

#D34DFC

Split Complementary

#FCD34D

#4DCEFC

#7B4DFC

Tetradic

#FCD34D

#4DFC7B

#4D76FC

#FC4DCE

Color Blindness Simulation

Original

#FCD34D

Protanopia

#EAEA6D

Deuteranopia

#EDF075

Tritanopia

#FA878D

Achromatopsia

#D2D2D2

CSS Usage

background-color: #FCD34D;
color: #FCD34D;
border-color: #FCD34D;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEEB9
300
#FDE187
400
#FCD145
500
#FBC104
600
#C99A03
700
#A17B03
800
#7D6002
900
#5B4706
950
#392D04

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.56:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Amber

Amber 300

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