#FAF2CF

#FAF2CF

Color Values

HEX

#FAF2CF

RGB

250, 242, 207

HSL

48,8, 81,1%, 89,6%

HSV

48,8, 17,2%, 98,0%

CMYK

0,0%, 3,2%, 17,2%, 2,0%

OKLCH

0,9585 0,0464 96,5

Properties

Warm Light Nearest: NCS S 0510-Y Light Yellow

Color Harmonies

Complementary

#FAF2CF

#CFD7FA

Analogous

#FADCCF

#EDFACF

#FAF2CF

Triadic

#FAF2CF

#CFFAF2

#F2CFFA

Split Complementary

#FAF2CF

#CFEDFA

#DCCFFA

Tetradic

#FAF2CF

#CFFADC

#CFD7FA

#FACFED

Color Blindness Simulation

Original

#FAF2CF

Protanopia

#F7F6D7

Deuteranopia

#F7F8D9

Tritanopia

#FADEE0

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#F9F5E1
200
#F8EDBE
300
#F3E190
400
#EDD154
500
#E7C018
600
#B99A13
700
#947B0F
800
#73600C
900
#54470D
950
#352D08

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

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