#F2D9F4

#F2D9F4

Color Values

HEX

#F2D9F4

RGB

242, 217, 244

HSL

295.6, 55.1%, 90.4%

HSV

295.6, 11.1%, 95.7%

CMYK

0.8%, 11.1%, 0.0%, 4.3%

OKLCH

0.9138 0.045 323.7

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F2D9F4

#DBF4D9

Analogous

#E5D9F4

#F4D9E8

#F2D9F4

Triadic

#F2D9F4

#F4F2D9

#D9F4F2

Split Complementary

#F2D9F4

#E8F4D9

#D9F4E5

Tetradic

#F2D9F4

#F4E5D9

#DBF4D9

#D9E8F4

Color Blindness Simulation

Original

#F2D9F4

Protanopia

#E7E7ED

Deuteranopia

#E9EAEC

Tritanopia

#F1E8E7

Achromatopsia

#E0E0E0

CSS Usage

background-color: #F2D9F4;
color: #F2D9F4;
border-color: #F2D9F4;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#ECC8EF
300
#DFA0E4
400
#CD6DD5
500
#BB39C6
600
#962E9E
700
#78257F
800
#5E1D63
900
#451848
950
#2C0F2E

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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