#FAF873

#FAF873

Color Values

HEX

#FAF873

RGB

250, 248, 115

HSL

59.1, 93.1%, 71.6%

HSV

59.1, 54.0%, 98.0%

CMYK

0.0%, 0.8%, 54.0%, 2.0%

OKLCH

0.9552 0.1543 108.2

Properties

Warm Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#FAF873

#7375FA

Analogous

#FAB573

#B9FA73

#FAF873

Triadic

#FAF873

#73FAF8

#F873FA

Split Complementary

#FAF873

#73B9FA

#B573FA

Tetradic

#FAF873

#73FAB5

#7375FA

#FA73B9

Color Blindness Simulation

Original

#FAF873

Protanopia

#F9F993

Deuteranopia

#F9F99B

Tritanopia

#FAADB2

Achromatopsia

#EFEFEF

CSS Usage

background-color: #FAF873;
color: #FAF873;
border-color: #FAF873;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFCBA
300
#FBF989
400
#F8F649
500
#F6F309
600
#C5C207
700
#9E9B06
800
#7B7904
900
#595808
950
#383705

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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