#FCCBB1

#FCCBB1

Color Values

HEX

#FCCBB1

RGB

252, 203, 177

HSL

20.8, 92.6%, 84.1%

HSV

20.8, 29.8%, 98.8%

CMYK

0.0%, 19.4%, 29.8%, 1.2%

OKLCH

0.8784 0.066 49.4

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FCCBB1

#B1E2FC

Analogous

#FCB1BC

#FCF0B1

#FCCBB1

Triadic

#FCCBB1

#B1FCCB

#CBB1FC

Split Complementary

#FCCBB1

#B1FCF0

#B1BCFC

Tetradic

#FCCBB1

#BCFCB1

#B1E2FC

#F0B1FC

Color Blindness Simulation

Original

#FCCBB1

Protanopia

#E7E6B7

Deuteranopia

#EAEDB9

Tritanopia

#FABCBD

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FCD1BA
300
#FAB089
400
#F88649
500
#F65B09
600
#C44908
700
#9D3A06
800
#7B2E05
900
#592408
950
#381705

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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