#FCD945

#FCD945

Color Values

HEX

#FCD945

RGB

252, 217, 69

HSL

48.5, 96.8%, 62.9%

HSV

48.5, 72.6%, 98.8%

CMYK

0.0%, 13.9%, 72.6%, 1.2%

OKLCH

0.8902 0.162 95.3

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FCD945

#4568FC

Analogous

#FC7D45

#C3FC45

#FCD945

Triadic

#FCD945

#45FCD9

#D945FC

Split Complementary

#FCD945

#45C3FC

#7D45FC

Tetradic

#FCD945

#45FC7D

#4568FC

#FC45C3

Color Blindness Simulation

Original

#FCD945

Protanopia

#EDED69

Deuteranopia

#EFF171

Tritanopia

#FA858B

Achromatopsia

#D6D6D6

CSS Usage

background-color: #FCD945;
color: #FCD945;
border-color: #FCD945;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEF1B9
300
#FDE687
400
#FCD945
500
#FBCC04
600
#C9A303
700
#A18203
800
#7D6602
900
#5B4A06
950
#392F04

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.15:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026