#FAD947

#FAD947

Color Values

HEX

#FAD947

RGB

250, 217, 71

HSL

48.9, 94.7%, 62.9%

HSV

48.9, 71.6%, 98.0%

CMYK

0.0%, 13.2%, 71.6%, 2.0%

OKLCH

0.8885 0.1606 96.0

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FAD947

#4768FA

Analogous

#FA7F47

#C2FA47

#FAD947

Triadic

#FAD947

#47FAD9

#D947FA

Split Complementary

#FAD947

#47C2FA

#7F47FA

Tetradic

#FAD947

#47FA7F

#4768FA

#FA47C2

Color Blindness Simulation

Original

#FAD947

Protanopia

#ECEB6A

Deuteranopia

#EEF073

Tritanopia

#F8868C

Achromatopsia

#D5D5D5

CSS Usage

background-color: #FAD947;
color: #FAD947;
border-color: #FAD947;
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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026