#FCD3B1

#FCD3B1

Color Values

HEX

#FCD3B1

RGB

252, 211, 177

HSL

27.2, 92.6%, 84.1%

HSV

27.2, 29.8%, 98.8%

CMYK

0.0%, 16.3%, 29.8%, 1.2%

OKLCH

0.8935 0.0644 61.5

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#FCD3B1

#B1DAFC

Analogous

#FCB1B4

#FCF8B1

#FCD3B1

Triadic

#FCD3B1

#B1FCD3

#D3B1FC

Split Complementary

#FCD3B1

#B1FCF8

#B1B4FC

Tetradic

#FCD3B1

#B4FCB1

#B1DAFC

#F8B1FC

Color Blindness Simulation

Original

#FCD3B1

Protanopia

#EAEAB9

Deuteranopia

#EDF0BB

Tritanopia

#FAC0C1

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD8BA
300
#FABD89
400
#F89849
500
#F67409
600
#C45D08
700
#9D4B06
800
#7B3A05
900
#592D08
950
#381C05

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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