#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

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