#FAAD47

#FAAD47

Color Values

HEX

#FAAD47

RGB

250, 173, 71

HSL

34,2, 94,7%, 62,9%

HSV

34,2, 71,6%, 98,0%

CMYK

0,0%, 30,8%, 71,6%, 2,0%

OKLCH

0,8043 0,1455 70,3

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FAAD47

#4794FA

Analogous

#FA5347

#EDFA47

#FAAD47

Triadic

#FAAD47

#47FAAD

#AD47FA

Split Complementary

#FAAD47

#47EDFA

#5347FA

Tetradic

#FAAD47

#47FA53

#4794FA

#FA47ED

Color Blindness Simulation

Original

#FAAD47

Protanopia

#D9D860

Deuteranopia

#DDE366

Tritanopia

#F67377

Achromatopsia

#B6B6B6

CSS Usage

background-color: #FAAD47;
color: #FAAD47;
border-color: #FAAD47;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FDE0B9
300
#FCCA88
400
#FAAD47
500
#F89007
600
#C77405
700
#9F5C04
800
#7C4803
900
#5A3607
950
#392205

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

11,13: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