#FCD8B4

#FCD8B4

Color Values

HEX

#FCD8B4

RGB

252, 216, 180

HSL

30.0, 92.3%, 84.7%

HSV

30.0, 28.6%, 98.8%

CMYK

0.0%, 14.3%, 28.6%, 1.2%

OKLCH

0.9036 0.0621 66.9

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#FCD8B4

#B4D8FC

Analogous

#FCB4B4

#FCFCB4

#FCD8B4

Triadic

#FCD8B4

#B4FCD8

#D8B4FC

Split Complementary

#FCD8B4

#B4FCFC

#B4B4FC

Tetradic

#FCD8B4

#B4FCB4

#B4D8FC

#FCB4FC

Color Blindness Simulation

Original

#FCD8B4

Protanopia

#ECECBD

Deuteranopia

#EEF1BF

Tritanopia

#FAC4C5

Achromatopsia

#DDDDDD

CSS Usage

background-color: #FCD8B4;
color: #FCD8B4;
border-color: #FCD8B4;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBA
300
#FAC289
400
#F8A14A
500
#F5800A
600
#C46608
700
#9D5206
800
#7B4005
900
#593008
950
#381F05

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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