#FCDFB1

#FCDFB1

Color Values

HEX

#FCDFB1

RGB

252, 223, 177

HSL

36,8, 92,6%, 84,1%

HSV

36,8, 29,8%, 98,8%

CMYK

0,0%, 11,5%, 29,8%, 1,2%

OKLCH

0,9165 0,0677 79,2

Properties

Warm Light Nearest: moccasin

Color Harmonies

Complementary

#FCDFB1

#B1CEFC

Analogous

#FCB9B1

#F3FCB1

#FCDFB1

Triadic

#FCDFB1

#B1FCDF

#DFB1FC

Split Complementary

#FCDFB1

#B1F3FC

#B9B1FC

Tetradic

#FCDFB1

#B1FCB9

#B1CEFC

#FCB1F3

Color Blindness Simulation

Original

#FCDFB1

Protanopia

#EFEFBC

Deuteranopia

#F1F3BF

Tritanopia

#FBC5C7

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE3BA
300
#FACF89
400
#F8B449
500
#F69A09
600
#C47B08
700
#9D6306
800
#7B4D05
900
#593A08
950
#382405

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,33: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