#FADE47

#FADE47

Color Values

HEX

#FADE47

RGB

250, 222, 71

HSL

50.6, 94.7%, 62.9%

HSV

50.6, 71.6%, 98.0%

CMYK

0.0%, 11.2%, 71.6%, 2.0%

OKLCH

0.8985 0.1641 98.4

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FADE47

#4763FA

Analogous

#FA8447

#BCFA47

#FADE47

Triadic

#FADE47

#47FADE

#DE47FA

Split Complementary

#FADE47

#47BCFA

#8447FA

Tetradic

#FADE47

#47FA84

#4763FA

#FA47BC

Color Blindness Simulation

Original

#FADE47

Protanopia

#EEEE6B

Deuteranopia

#F0F274

Tritanopia

#F9888F

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF7DF
200
#FDF3B9
300
#FCEA88
400
#FADE47
500
#F8D207
600
#C7A805
700
#9F8704
800
#7C6903
900
#5A4D07
950
#393105

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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