#F3DFF2

#F3DFF2

Color Values

HEX

#F3DFF2

RGB

243, 223, 242

HSL

303.0, 45.5%, 91.4%

HSV

303.0, 8.2%, 95.3%

CMYK

0.0%, 8.2%, 0.4%, 4.7%

OKLCH

0.9253 0.0332 327.4

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F3DFF2

#DFF3E0

Analogous

#EADFF3

#F3DFE8

#F3DFF2

Triadic

#F3DFF2

#F2F3DF

#DFF2F3

Split Complementary

#F3DFF2

#E8F3DF

#DFF3EA

Tetradic

#F3DFF2

#F3EADF

#DFF3E0

#DFE8F3

Color Blindness Simulation

Original

#F3DFF2

Protanopia

#EAEAED

Deuteranopia

#ECEDEC

Tritanopia

#F2EAE9

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBEA
300
#DEA6DB
400
#CC76C7
500
#BA45B4
600
#943890
700
#772C73
800
#5D235A
900
#441D42
950
#2B122A

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026