#FAD647

#FAD647

Color Values

HEX

#FAD647

RGB

250, 214, 71

HSL

47.9, 94.7%, 62.9%

HSV

47.9, 71.6%, 98.0%

CMYK

0.0%, 14.4%, 71.6%, 2.0%

OKLCH

0.8825 0.1587 94.5

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FAD647

#476BFA

Analogous

#FA7C47

#C5FA47

#FAD647

Triadic

#FAD647

#47FAD6

#D647FA

Split Complementary

#FAD647

#47C5FA

#7C47FA

Tetradic

#FAD647

#47FA7C

#476BFA

#FA47C5

Color Blindness Simulation

Original

#FAD647

Protanopia

#EAEA6A

Deuteranopia

#ECEF72

Tritanopia

#F8858B

Achromatopsia

#D3D3D3

CSS Usage

background-color: #FAD647;
color: #FAD647;
border-color: #FAD647;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FDEFB9
300
#FCE488
400
#FAD647
500
#F8C807
600
#C7A005
700
#9F8004
800
#7C6403
900
#5A4907
950
#392E05

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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