#FCD9BC

#FCD9BC

Color Values

HEX

#FCD9BC

RGB

252, 217, 188

HSL

27.2, 91.4%, 86.3%

HSV

27.2, 25.4%, 98.8%

CMYK

0.0%, 13.9%, 25.4%, 1.2%

OKLCH

0.9073 0.0549 61.7

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FCD9BC

#BCDFFC

Analogous

#FCBCBF

#FCF9BC

#FCD9BC

Triadic

#FCD9BC

#BCFCD9

#D9BCFC

Split Complementary

#FCD9BC

#BCFCF9

#BCBFFC

Tetradic

#FCD9BC

#BFFCBC

#BCDFFC

#F9BCFC

Color Blindness Simulation

Original

#FCD9BC

Protanopia

#EDEDC3

Deuteranopia

#EFF1C5

Tritanopia

#FAC9CA

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD8BB
300
#FABD8A
400
#F7994A
500
#F4750B
600
#C35D09
700
#9C4B07
800
#7A3A05
900
#582D09
950
#381C05

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026