#FAF653

#FAF653

Color Values

HEX

#FAF653

RGB

250, 246, 83

HSL

58.6, 94.4%, 65.3%

HSV

58.6, 66.8%, 98.0%

CMYK

0.0%, 1.6%, 66.8%, 2.0%

OKLCH

0.9482 0.1768 108.0

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FAF653

#5357FA

Analogous

#FAA353

#AAFA53

#FAF653

Triadic

#FAF653

#53FAF6

#F653FA

Split Complementary

#FAF653

#53AAFA

#A353FA

Tetradic

#FAF653

#53FAA3

#5357FA

#FA53AA

Color Blindness Simulation

Original

#FAF653

Protanopia

#F8F87A

Deuteranopia

#F8F984

Tritanopia

#FA9AA0

Achromatopsia

#EBEBEB

CSS Usage

background-color: #FAF653;
color: #FAF653;
border-color: #FAF653;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FCF988
400
#FAF648
500
#F8F207
600
#C6C206
700
#9F9B05
800
#7C7904
900
#5A5807
950
#393705

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.37:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026