#FCCFE2

#FCCFE2

Color Values

HEX

#FCCFE2

RGB

252, 207, 226

HSL

334,7, 88,2%, 90,0%

HSV

334,7, 17,9%, 98,8%

CMYK

0,0%, 17,9%, 10,3%, 1,2%

OKLCH

0,8985 0,056 351,0

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FCCFE2

#CFFCE9

Analogous

#FCCFF8

#FCD3CF

#FCCFE2

Triadic

#FCCFE2

#E2FCCF

#CFE2FC

Split Complementary

#FCCFE2

#CFFCD3

#CFF8FC

Tetradic

#FCCFE2

#F8FCCF

#CFFCE9

#D3CFFC

Color Blindness Simulation

Original

#FCCFE2

Protanopia

#E9E8DD

Deuteranopia

#EBEEDC

Tritanopia

#FADAD9

Achromatopsia

#DADADA

CSS Usage

background-color: #FCCFE2;
color: #FCCFE2;
border-color: #FCCFE2;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF2F6
100
#FBE0EB
200
#FBBCD6
300
#F88CB9
400
#F44D94
500
#F00F6E
600
#C00C58
700
#9A0A46
800
#780837
900
#570A2A
950
#37061B

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

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