#FAF7C3

#FAF7C3

Color Values

HEX

#FAF7C3

RGB

250, 247, 195

HSL

56.7, 84.6%, 87.3%

HSV

56.7, 22.0%, 98.0%

CMYK

0.0%, 1.2%, 22.0%, 2.0%

OKLCH

0.9658 0.0669 104.8

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FAF7C3

#C3C6FA

Analogous

#FADCC3

#E2FAC3

#FAF7C3

Triadic

#FAF7C3

#C3FAF7

#F7C3FA

Split Complementary

#FAF7C3

#C3E2FA

#DCC3FA

Tetradic

#FAF7C3

#C3FADC

#C3C6FA

#FAC3E2

Color Blindness Simulation

Original

#FAF7C3

Protanopia

#F9F9D0

Deuteranopia

#F9F9D3

Tritanopia

#FADADC

Achromatopsia

#F4F4F4

CSS Usage

background-color: #FAF7C3;
color: #FAF7C3;
border-color: #FAF7C3;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#FAF6BD
300
#F6F08E
400
#F0E851
500
#EBDF14
600
#BCB310
700
#978F0D
800
#76700A
900
#55510C
950
#363307

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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