#FAD948

#FAD948

Color Values

HEX

#FAD948

RGB

250, 217, 72

HSL

48.9, 94.7%, 63.1%

HSV

48.9, 71.2%, 98.0%

CMYK

0.0%, 13.2%, 71.2%, 2.0%

OKLCH

0.8886 0.16 95.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FAD948

#4869FA

Analogous

#FA8048

#C2FA48

#FAD948

Triadic

#FAD948

#48FAD9

#D948FA

Split Complementary

#FAD948

#48C2FA

#8048FA

Tetradic

#FAD948

#48FA80

#4869FA

#FA48C2

Color Blindness Simulation

Original

#FAD948

Protanopia

#ECEB6B

Deuteranopia

#EEF074

Tritanopia

#F8878D

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FDF1B9
300
#FCE688
400
#FAD947
500
#F8CC07
600
#C7A305
700
#9F8204
800
#7C6603
900
#5A4A07
950
#392F05

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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