#FCD5B0

#FCD5B0

Color Values

HEX

#FCD5B0

RGB

252, 213, 176

HSL

29.2, 92.7%, 83.9%

HSV

29.2, 30.2%, 98.8%

CMYK

0.0%, 15.5%, 30.2%, 1.2%

OKLCH

0.897 0.0654 65.3

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#FCD5B0

#B0D7FC

Analogous

#FCB0B1

#FCFBB0

#FCD5B0

Triadic

#FCD5B0

#B0FCD5

#D5B0FC

Split Complementary

#FCD5B0

#B0FCFB

#B0B1FC

Tetradic

#FCD5B0

#B1FCB0

#B0D7FC

#FBB0FC

Color Blindness Simulation

Original

#FCD5B0

Protanopia

#EBEBB9

Deuteranopia

#EDF0BB

Tritanopia

#FAC0C2

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FBC089
400
#F89E49
500
#F67C09
600
#C56307
700
#9D5006
800
#7B3E05
900
#592F08
950
#381E05

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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