#FCDF46

#FCDF46

Color Values

HEX

#FCDF46

RGB

252, 223, 70

HSL

50,4, 96,8%, 63,1%

HSV

50,4, 72,2%, 98,8%

CMYK

0,0%, 11,5%, 72,2%, 1,2%

OKLCH

0,9023 0,1655 98,1

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FCDF46

#4663FC

Analogous

#FC8446

#BEFC46

#FCDF46

Triadic

#FCDF46

#46FCDF

#DF46FC

Split Complementary

#FCDF46

#46BEFC

#8446FC

Tetradic

#FCDF46

#46FC84

#4663FC

#FC46BE

Color Blindness Simulation

Original

#FCDF46

Protanopia

#EFEF6B

Deuteranopia

#F1F374

Tritanopia

#FB888F

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF3B9
300
#FDEA87
400
#FCDF45
500
#FBD304
600
#C9A903
700
#A18703
800
#7D6A02
900
#5B4D06
950
#393104

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,78: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