#FAF3CD

#FAF3CD

Color Values

HEX

#FAF3CD

RGB

250, 243, 205

HSL

50.7, 81.8%, 89.2%

HSV

50.7, 18.0%, 98.0%

CMYK

0.0%, 2.8%, 18.0%, 2.0%

OKLCH

0.96 0.0499 98.6

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FAF3CD

#CDD4FA

Analogous

#FADCCD

#EAFACD

#FAF3CD

Triadic

#FAF3CD

#CDFAF3

#F3CDFA

Split Complementary

#FAF3CD

#CDEAFA

#DCCDFA

Tetradic

#FAF3CD

#CDFADC

#CDD4FA

#FACDEA

Color Blindness Simulation

Original

#FAF3CD

Protanopia

#F7F7D6

Deuteranopia

#F7F8D8

Tritanopia

#FADDDF

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF6E1
200
#F9EFBE
300
#F4E490
400
#EED653
500
#E8C717
600
#B9A013
700
#94800F
800
#74640C
900
#54490D
950
#352E08

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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