#FCCBA8

#FCCBA8

Color Values

HEX

#FCCBA8

RGB

252, 203, 168

HSL

25,0, 93,3%, 82,4%

HSV

25,0, 33,3%, 98,8%

CMYK

0,0%, 19,4%, 33,3%, 1,2%

OKLCH

0,8764 0,0726 57,1

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FCCBA8

#A8D9FC

Analogous

#FCA8AF

#FCF5A8

#FCCBA8

Triadic

#FCCBA8

#A8FCCB

#CBA8FC

Split Complementary

#FCCBA8

#A8FCF5

#A8AFFC

Tetradic

#FCCBA8

#AFFCA8

#A8D9FC

#F5A8FC

Color Blindness Simulation

Original

#FCCBA8

Protanopia

#E7E6B0

Deuteranopia

#EAEDB2

Tritanopia

#FAB7B9

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FDD6BA
300
#FBB889
400
#F99249
500
#F66C09
600
#C55607
700
#9E4505
800
#7B3604
900
#592A08
950
#381A05

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026