#FAF2CD

#FAF2CD

Color Values

HEX

#FAF2CD

RGB

250, 242, 205

HSL

49,3, 81,8%, 89,2%

HSV

49,3, 18,0%, 98,0%

CMYK

0,0%, 3,2%, 18,0%, 2,0%

OKLCH

0,958 0,0489 97,1

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FAF2CD

#CDD5FA

Analogous

#FADBCD

#EBFACD

#FAF2CD

Triadic

#FAF2CD

#CDFAF2

#F2CDFA

Split Complementary

#FAF2CD

#CDEBFA

#DBCDFA

Tetradic

#FAF2CD

#CDFADB

#CDD5FA

#FACDEB

Color Blindness Simulation

Original

#FAF2CD

Protanopia

#F7F6D6

Deuteranopia

#F7F8D8

Tritanopia

#FADDDF

Achromatopsia

#F1F1F1

CSS Usage

background-color: #FAF2CD;
color: #FAF2CD;
border-color: #FAF2CD;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FDFBF2
100
#FAF5E1
200
#F9EEBE
300
#F4E290
400
#EED253
500
#E8C317
600
#B99C13
700
#947D0F
800
#74610C
900
#54470D
950
#352D08

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

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