#FAE7C3

#FAE7C3

Color Values

HEX

#FAE7C3

RGB

250, 231, 195

HSL

39.3, 84.6%, 87.3%

HSV

39.3, 22.0%, 98.0%

CMYK

0.0%, 7.6%, 22.0%, 2.0%

OKLCH

0.9342 0.0514 83.4

Properties

Warm Light Nearest: blanchedalmond

Color Harmonies

Complementary

#FAE7C3

#C3D6FA

Analogous

#FACCC3

#F2FAC3

#FAE7C3

Triadic

#FAE7C3

#C3FAE7

#E7C3FA

Split Complementary

#FAE7C3

#C3F2FA

#CCC3FA

Tetradic

#FAE7C3

#C3FACC

#C3D6FA

#FAC3F2

Color Blindness Simulation

Original

#FAE7C3

Protanopia

#F2F2CC

Deuteranopia

#F3F4CE

Tritanopia

#F9D3D4

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#FAE5BD
300
#F6D28E
400
#F0B951
500
#EBA114
600
#BC8110
700
#97670D
800
#76500A
900
#553C0C
950
#362607

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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