#FCD345

#FCD345

Color Values

HEX

#FCD345

RGB

252, 211, 69

HSL

46.6, 96.8%, 62.9%

HSV

46.6, 72.6%, 98.8%

CMYK

0.0%, 16.3%, 72.6%, 1.2%

OKLCH

0.8784 0.1584 92.3

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FCD345

#456EFC

Analogous

#FC7745

#C9FC45

#FCD345

Triadic

#FCD345

#45FCD3

#D345FC

Split Complementary

#FCD345

#45C9FC

#7745FC

Tetradic

#FCD345

#45FC77

#456EFC

#FC45C9

Color Blindness Simulation

Original

#FCD345

Protanopia

#EAEA67

Deuteranopia

#EDF070

Tritanopia

#FA8388

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEEB9
300
#FDE387
400
#FCD345
500
#FBC404
600
#C99D03
700
#A17D03
800
#7D6202
900
#5B4806
950
#392D04

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.54:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026