#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026