#F1DFE1

#F1DFE1

Color Values

HEX

#F1DFE1

RGB

241, 223, 225

HSL

353.3, 39.1%, 91.0%

HSV

353.3, 7.5%, 94.5%

CMYK

0.0%, 7.5%, 6.6%, 5.5%

OKLCH

0.9187 0.0199 9.8

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#F1DFE1

#DFF1EF

Analogous

#F1DFEA

#F1E6DF

#F1DFE1

Triadic

#F1DFE1

#E1F1DF

#DFE1F1

Split Complementary

#F1DFE1

#DFF1E6

#DFEAF1

Tetradic

#F1DFE1

#EAF1DF

#DFF1EF

#E6DFF1

Color Blindness Simulation

Original

#F1DFE1

Protanopia

#E9E9E1

Deuteranopia

#EAECE0

Tritanopia

#F0E0E0

Achromatopsia

#E3E3E3

CSS Usage

background-color: #F1DFE1;
color: #F1DFE1;
border-color: #F1DFE1;
Nearest Tailwind: Rose 100 #FFE4E6

Tailwind Shades

50
#FAF5F5
100
#F3E7E9
200
#E9CDD0
300
#DAAAAF
400
#C67C84
500
#B14E59
600
#8E3E47
700
#723239
800
#59272C
900
#411F23
950
#291416

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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