#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026