#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026