#FAD847

#FAD847

Color Values

HEX

#FAD847

RGB

250, 216, 71

HSL

48.6, 94.7%, 62.9%

HSV

48.6, 71.6%, 98.0%

CMYK

0.0%, 13.6%, 71.6%, 2.0%

OKLCH

0.8865 0.16 95.5

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FAD847

#4769FA

Analogous

#FA7E47

#C2FA47

#FAD847

Triadic

#FAD847

#47FAD8

#D847FA

Split Complementary

#FAD847

#47C2FA

#7E47FA

Tetradic

#FAD847

#47FA7E

#4769FA

#FA47C2

Color Blindness Simulation

Original

#FAD847

Protanopia

#EBEB6A

Deuteranopia

#EDF072

Tritanopia

#F8868C

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FDF0B9
300
#FCE688
400
#FAD847
500
#F8CA07
600
#C7A205
700
#9F8204
800
#7C6503
900
#5A4A07
950
#392F05

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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