#F1D2ED

#F1D2ED

Color Values

HEX

#F1D2ED

RGB

241, 210, 237

HSL

307.7, 52.5%, 88.4%

HSV

307.7, 12.9%, 94.5%

CMYK

0.0%, 12.9%, 1.7%, 5.5%

OKLCH

0.8976 0.0494 330.2

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F1D2ED

#D2F1D6

Analogous

#E5D2F1

#F1D2DD

#F1D2ED

Triadic

#F1D2ED

#EDF1D2

#D2EDF1

Split Complementary

#F1D2ED

#DDF1D2

#D2F1E5

Tetradic

#F1D2ED

#F1E5D2

#D2F1D6

#D2DDF1

Color Blindness Simulation

Original

#F1D2ED

Protanopia

#E4E3E6

Deuteranopia

#E5E8E5

Tritanopia

#EFE1E0

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9E9
300
#E2A2DA
400
#D26FC5
500
#C23DB1
600
#9C308E
700
#7C2771
800
#611E59
900
#471A41
950
#2D1029

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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