#FCD746

#FCD746

Color Values

HEX

#FCD746

RGB

252, 215, 70

HSL

47.8, 96.8%, 63.1%

HSV

47.8, 72.2%, 98.8%

CMYK

0.0%, 14.7%, 72.2%, 1.2%

OKLCH

0.8863 0.1602 94.2

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FCD746

#466BFC

Analogous

#FC7C46

#C6FC46

#FCD746

Triadic

#FCD746

#46FCD7

#D746FC

Split Complementary

#FCD746

#46C6FC

#7C46FC

Tetradic

#FCD746

#46FC7C

#466BFC

#FC46C6

Color Blindness Simulation

Original

#FCD746

Protanopia

#ECEC69

Deuteranopia

#EEF172

Tritanopia

#FA858B

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEF0B9
300
#FDE587
400
#FCD745
500
#FBC904
600
#C9A103
700
#A18003
800
#7D6402
900
#5B4906
950
#392E04

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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