#FADB48

#FADB48

Color Values

HEX

#FADB48

RGB

250, 219, 72

HSL

49.6, 94.7%, 63.1%

HSV

49.6, 71.2%, 98.0%

CMYK

0.0%, 12.4%, 71.2%, 2.0%

OKLCH

0.8926 0.1614 96.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FADB48

#4867FA

Analogous

#FA8248

#C0FA48

#FADB48

Triadic

#FADB48

#48FADB

#DB48FA

Split Complementary

#FADB48

#48C0FA

#8248FA

Tetradic

#FADB48

#48FA82

#4867FA

#FA48C0

Color Blindness Simulation

Original

#FADB48

Protanopia

#EDEC6C

Deuteranopia

#EEF174

Tritanopia

#F8888E

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF7DF
200
#FDF1B9
300
#FCE888
400
#FADB47
500
#F8CE07
600
#C7A505
700
#9F8404
800
#7C6703
900
#5A4B07
950
#393005

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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