#FAD248

#FAD248

Color Values

HEX

#FAD248

RGB

250, 210, 72

HSL

46.5, 94.7%, 63.1%

HSV

46.5, 71.2%, 98.0%

CMYK

0.0%, 16.0%, 71.2%, 2.0%

OKLCH

0.8747 0.1556 92.3

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FAD248

#4870FA

Analogous

#FA7948

#C9FA48

#FAD248

Triadic

#FAD248

#48FAD2

#D248FA

Split Complementary

#FAD248

#48C9FA

#7948FA

Tetradic

#FAD248

#48FA79

#4870FA

#FA48C9

Color Blindness Simulation

Original

#FAD248

Protanopia

#E9E869

Deuteranopia

#EBEE71

Tritanopia

#F8848A

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FDEEB9
300
#FCE288
400
#FAD247
500
#F8C207
600
#C79B05
700
#9F7C04
800
#7C6103
900
#5A4707
950
#392D05

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026