#FCE8C1

#FCE8C1

Color Values

HEX

#FCE8C1

RGB

252, 232, 193

HSL

39.7, 90.8%, 87.3%

HSV

39.7, 23.4%, 98.8%

CMYK

0.0%, 7.9%, 23.4%, 1.2%

OKLCH

0.9374 0.0552 84.0

Properties

Warm Light Nearest: wheat 1

Color Harmonies

Complementary

#FCE8C1

#C1D5FC

Analogous

#FCCBC1

#F3FCC1

#FCE8C1

Triadic

#FCE8C1

#C1FCE8

#E8C1FC

Split Complementary

#FCE8C1

#C1F3FC

#CBC1FC

Tetradic

#FCE8C1

#C1FCCB

#C1D5FC

#FCC1F3

Color Blindness Simulation

Original

#FCE8C1

Protanopia

#F3F3CA

Deuteranopia

#F4F6CD

Tritanopia

#FBD2D4

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF2DF
200
#FCE6BB
300
#F9D48A
400
#F6BC4B
500
#F3A50C
600
#C38409
700
#9C6A08
800
#7A5206
900
#583D09
950
#382706

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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