#FCCCAB

#FCCCAB

Color Values

HEX

#FCCCAB

RGB

252, 204, 171

HSL

24,4, 93,1%, 82,9%

HSV

24,4, 32,1%, 98,8%

CMYK

0,0%, 19,0%, 32,1%, 1,2%

OKLCH

0,8789 0,0701 56,1

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FCCCAB

#ABDBFC

Analogous

#FCABB2

#FCF4AB

#FCCCAB

Triadic

#FCCCAB

#ABFCCC

#CCABFC

Split Complementary

#FCCCAB

#ABFCF4

#ABB2FC

Tetradic

#FCCCAB

#B2FCAB

#ABDBFC

#F4ABFC

Color Blindness Simulation

Original

#FCCCAB

Protanopia

#E7E7B3

Deuteranopia

#EAEEB5

Tritanopia

#FAB9BB

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FDD5BA
300
#FBB789
400
#F89049
500
#F66909
600
#C55407
700
#9E4306
800
#7B3504
900
#592908
950
#381A05

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026