#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026