#FAF1AF

#FAF1AF

Color Values

HEX

#FAF1AF

RGB

250, 241, 175

HSL

52,8, 88,2%, 83,3%

HSV

52,8, 30,0%, 98,0%

CMYK

0,0%, 3,6%, 30,0%, 2,0%

OKLCH

0,9498 0,0843 101,3

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#FAF1AF

#AFB8FA

Analogous

#FACBAF

#DDFAAF

#FAF1AF

Triadic

#FAF1AF

#AFFAF1

#F1AFFA

Split Complementary

#FAF1AF

#AFDDFA

#CBAFFA

Tetradic

#FAF1AF

#AFFACB

#AFB8FA

#FAAFDD

Color Blindness Simulation

Original

#FAF1AF

Protanopia

#F6F6BF

Deuteranopia

#F7F7C3

Tritanopia

#FACCCE

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FBF7E0
200
#FBF3BC
300
#F8EB8C
400
#F4E04D
500
#F0D50F
600
#C0AA0C
700
#9A880A
800
#786A08
900
#574E0A
950
#373106

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,27: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