#FCE2CC

#FCE2CC

Color Values

HEX

#FCE2CC

RGB

252, 226, 204

HSL

27,5, 88,9%, 89,4%

HSV

27,5, 19,0%, 98,8%

CMYK

0,0%, 10,3%, 19,0%, 1,2%

OKLCH

0,9283 0,041 62,5

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#FCE2CC

#CCE6FC

Analogous

#FCCCCE

#FCFACC

#FCE2CC

Triadic

#FCE2CC

#CCFCE2

#E2CCFC

Split Complementary

#FCE2CC

#CCFCFA

#CCCEFC

Tetradic

#FCE2CC

#CEFCCC

#CCE6FC

#FACCFC

Color Blindness Simulation

Original

#FCE2CC

Protanopia

#F1F1D1

Deuteranopia

#F2F4D3

Tritanopia

#FBD6D6

Achromatopsia

#E6E6E6

CSS Usage

background-color: #FCE2CC;
color: #FCE2CC;
border-color: #FCE2CC;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBD9BC
300
#F8BD8B
400
#F59A4D
500
#F1760E
600
#C15E0B
700
#9A4C09
800
#783B07
900
#572D0A
950
#371D06

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,89: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