#FFDCF6

#FFDCF6

Color Values

HEX

#FFDCF6

RGB

255, 220, 246

HSL

315.4, 100.0%, 93.1%

HSV

315.4, 13.7%, 100.0%

CMYK

0.0%, 13.7%, 3.5%, 0.0%

OKLCH

0.9311 0.0512 335.1

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FFDCF6

#DCFFE5

Analogous

#F6DCFF

#FFDCE4

#FFDCF6

Triadic

#FFDCF6

#F6FFDC

#DCF6FF

Split Complementary

#FFDCF6

#E4FFDC

#DCFFF6

Tetradic

#FFDCF6

#FFF6DC

#DCFFE5

#DCE4FF

Color Blindness Simulation

Original

#FFDCF6

Protanopia

#F0F0F0

Deuteranopia

#F2F4EE

Tritanopia

#FDEBEA

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FFB8ED
300
#FF85E0
400
#FF42CF
500
#FF00BE
600
#CC0098
700
#A30079
800
#80005F
900
#5C0546
950
#3A032C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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