#FAD748

#FAD748

Color Values

HEX

#FAD748

RGB

250, 215, 72

HSL

48.2, 94.7%, 63.1%

HSV

48.2, 71.2%, 98.0%

CMYK

0.0%, 14.0%, 71.2%, 2.0%

OKLCH

0.8846 0.1587 94.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FAD748

#486BFA

Analogous

#FA7E48

#C4FA48

#FAD748

Triadic

#FAD748

#48FAD7

#D748FA

Split Complementary

#FAD748

#48C4FA

#7E48FA

Tetradic

#FAD748

#48FA7E

#486BFA

#FA48C4

Color Blindness Simulation

Original

#FAD748

Protanopia

#EBEB6B

Deuteranopia

#EDF073

Tritanopia

#F8868C

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FDF0B9
300
#FCE588
400
#FAD747
500
#F8C907
600
#C7A105
700
#9F8004
800
#7C6403
900
#5A4A07
950
#392E05

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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