#FDCCE6

#FDCCE6

Color Values

HEX

#FDCCE6

RGB

253, 204, 230

HSL

328.2, 92.5%, 89.6%

HSV

328.2, 19.4%, 99.2%

CMYK

0.0%, 19.4%, 9.1%, 0.8%

OKLCH

0.8952 0.0644 345.3

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FDCCE6

#CCFDE3

Analogous

#FCCCFD

#FDCCCD

#FDCCE6

Triadic

#FDCCE6

#E6FDCC

#CCE6FD

Split Complementary

#FDCCE6

#CDFDCC

#CCFDFC

Tetradic

#FDCCE6

#FDFCCC

#CCFDE3

#CCCDFD

Color Blindness Simulation

Original

#FDCCE6

Protanopia

#E8E7E0

Deuteranopia

#EBEEDE

Tritanopia

#FBDBDA

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FA89C5
400
#F849A6
500
#F50A87
600
#C4086C
700
#9D0656
800
#7B0543
900
#590833
950
#380520

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.96: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