#FAD148

#FAD148

Color Values

HEX

#FAD148

RGB

250, 209, 72

HSL

46.2, 94.7%, 63.1%

HSV

46.2, 71.2%, 98.0%

CMYK

0.0%, 16.4%, 71.2%, 2.0%

OKLCH

0.8727 0.1551 91.8

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FAD148

#4871FA

Analogous

#FA7848

#CAFA48

#FAD148

Triadic

#FAD148

#48FAD1

#D148FA

Split Complementary

#FAD148

#48CAFA

#7848FA

Tetradic

#FAD148

#48FA78

#4871FA

#FA48CA

Color Blindness Simulation

Original

#FAD148

Protanopia

#E8E869

Deuteranopia

#EBEE71

Tritanopia

#F88389

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FDEEB9
300
#FCE188
400
#FAD147
500
#F8C107
600
#C79A05
700
#9F7B04
800
#7C6003
900
#5A4707
950
#392D05

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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