#FADE48

#FADE48

Color Values

HEX

#FADE48

RGB

250, 222, 72

HSL

50,6, 94,7%, 63,1%

HSV

50,6, 71,2%, 98,0%

CMYK

0,0%, 11,2%, 71,2%, 2,0%

OKLCH

0,8986 0,1635 98,3

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FADE48

#4864FA

Analogous

#FA8548

#BDFA48

#FADE48

Triadic

#FADE48

#48FADE

#DE48FA

Split Complementary

#FADE48

#48BDFA

#8548FA

Tetradic

#FADE48

#48FA85

#4864FA

#FA48BD

Color Blindness Simulation

Original

#FADE48

Protanopia

#EEEE6C

Deuteranopia

#F0F275

Tritanopia

#F9898F

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FADE48;
color: #FADE48;
border-color: #FADE48;
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,61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026