#F2D1F3

#F2D1F3

Color Values

HEX

#F2D1F3

RGB

242, 209, 243

HSL

298.2, 58.6%, 88.6%

HSV

298.2, 14.0%, 95.3%

CMYK

0.4%, 14.0%, 0.0%, 4.7%

OKLCH

0.8985 0.0579 325.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F2D1F3

#D2F3D1

Analogous

#E1D1F3

#F3D1E3

#F2D1F3

Triadic

#F2D1F3

#F3F2D1

#D1F3F2

Split Complementary

#F2D1F3

#E3F3D1

#D1F3E1

Tetradic

#F2D1F3

#F3E1D1

#D2F3D1

#D1E3F3

Color Blindness Simulation

Original

#F2D1F3

Protanopia

#E4E3EB

Deuteranopia

#E6E8E9

Tritanopia

#F0E4E3

Achromatopsia

#DADADA

CSS Usage

background-color: #F2D1F3;
color: #F2D1F3;
border-color: #F2D1F3;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#EFC6F0
300
#E49EE6
400
#D569D8
500
#C635CA
600
#9E2AA2
700
#7F2281
800
#631A65
900
#48174A
950
#2E0E2F

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.19:1

AA Pass AAA Pass

Part of These Collections

Radix UI Colors

Plum 5

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