#FAF7D2

#FAF7D2

Color Values

HEX

#FAF7D2

RGB

250, 247, 210

HSL

55.5, 80.0%, 90.2%

HSV

55.5, 16.0%, 98.0%

CMYK

0.0%, 1.2%, 16.0%, 2.0%

OKLCH

0.9691 0.0482 103.4

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FAF7D2

#D2D5FA

Analogous

#FAE3D2

#E9FAD2

#FAF7D2

Triadic

#FAF7D2

#D2FAF7

#F7D2FA

Split Complementary

#FAF7D2

#D2E9FA

#E3D2FA

Tetradic

#FAF7D2

#D2FAE3

#D2D5FA

#FAD2E9

Color Blindness Simulation

Original

#FAF7D2

Protanopia

#F9F9DB

Deuteranopia

#F9F9DD

Tritanopia

#FAE2E4

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#F9F7E1
200
#F8F4BF
300
#F3EB91
400
#ECE155
500
#E6D619
600
#B8AB14
700
#938910
800
#736B0D
900
#534E0E
950
#353109

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.3:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026