#FFDFF0

#FFDFF0

Color Values

HEX

#FFDFF0

RGB

255, 223, 240

HSL

328.1, 100.0%, 93.7%

HSV

328.1, 12.5%, 100.0%

CMYK

0.0%, 12.5%, 5.9%, 0.0%

OKLCH

0.9348 0.0415 344.6

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#FFDFF0

#DFFFEE

Analogous

#FEDFFF

#FFDFE0

#FFDFF0

Triadic

#FFDFF0

#F0FFDF

#DFF0FF

Split Complementary

#FFDFF0

#E0FFDF

#DFFFFE

Tetradic

#FFDFF0

#FFFEDF

#DFFFEE

#DFE0FF

Color Blindness Simulation

Original

#FFDFF0

Protanopia

#F1F1EC

Deuteranopia

#F3F5EB

Tritanopia

#FDE9E8

Achromatopsia

#E7E7E7

CSS Usage

background-color: #FFDFF0;
color: #FFDFF0;
border-color: #FFDFF0;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FFB8DE
300
#FF85C6
400
#FF42A7
500
#FF0088
600
#CC006C
700
#A30057
800
#800044
900
#5C0533
950
#3A0320

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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