#FAF553

#FAF553

Color Values

HEX

#FAF553

RGB

250, 245, 83

HSL

58.2, 94.4%, 65.3%

HSV

58.2, 66.8%, 98.0%

CMYK

0.0%, 2.0%, 66.8%, 2.0%

OKLCH

0.9462 0.1758 107.6

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FAF553

#5358FA

Analogous

#FAA253

#ACFA53

#FAF553

Triadic

#FAF553

#53FAF5

#F553FA

Split Complementary

#FAF553

#53ACFA

#A253FA

Tetradic

#FAF553

#53FAA2

#5358FA

#FA53AC

Color Blindness Simulation

Original

#FAF553

Protanopia

#F8F87A

Deuteranopia

#F8F884

Tritanopia

#FA99A0

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FCF888
400
#FAF448
500
#F8F107
600
#C6C106
700
#9F9A05
800
#7C7804
900
#5A5707
950
#393705

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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