#FCD1AF

#FCD1AF

Color Values

HEX

#FCD1AF

RGB

252, 209, 175

HSL

26,5, 92,8%, 83,7%

HSV

26,5, 30,6%, 98,8%

CMYK

0,0%, 17,1%, 30,6%, 1,2%

OKLCH

0,8892 0,0662 60,1

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FCD1AF

#AFDAFC

Analogous

#FCAFB3

#FCF8AF

#FCD1AF

Triadic

#FCD1AF

#AFFCD1

#D1AFFC

Split Complementary

#FCD1AF

#AFFCF8

#AFB3FC

Tetradic

#FCD1AF

#B3FCAF

#AFDAFC

#F8AFFC

Color Blindness Simulation

Original

#FCD1AF

Protanopia

#E9E9B7

Deuteranopia

#ECEFB9

Tritanopia

#FABEBF

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD7BA
300
#FBBB89
400
#F89649
500
#F67209
600
#C55B07
700
#9D4906
800
#7B3905
900
#592C08
950
#381C05

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,88: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