#FCD546

#FCD546

Color Values

HEX

#FCD546

RGB

252, 213, 70

HSL

47.1, 96.8%, 63.1%

HSV

47.1, 72.2%, 98.8%

CMYK

0.0%, 15.5%, 72.2%, 1.2%

OKLCH

0.8824 0.1589 93.2

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FCD546

#466DFC

Analogous

#FC7A46

#C8FC46

#FCD546

Triadic

#FCD546

#46FCD5

#D546FC

Split Complementary

#FCD546

#46C8FC

#7A46FC

Tetradic

#FCD546

#46FC7A

#466DFC

#FC46C8

Color Blindness Simulation

Original

#FCD546

Protanopia

#EBEB69

Deuteranopia

#EDF071

Tritanopia

#FA848A

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB9
300
#FDE487
400
#FCD545
500
#FBC604
600
#C99E03
700
#A17F03
800
#7D6302
900
#5B4906
950
#392E04

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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