#F3D7F6

#F3D7F6

Color Values

HEX

#F3D7F6

RGB

243, 215, 246

HSL

294.2, 63.3%, 90.4%

HSV

294.2, 12.6%, 96.5%

CMYK

1.2%, 12.6%, 0.0%, 3.5%

OKLCH

0.9115 0.0512 323.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F3D7F6

#DAF6D7

Analogous

#E4D7F6

#F6D7EA

#F3D7F6

Triadic

#F3D7F6

#F6F3D7

#D7F6F3

Split Complementary

#F3D7F6

#EAF6D7

#D7F6E4

Tetradic

#F3D7F6

#F6E4D7

#DAF6D7

#D7EAF6

Color Blindness Simulation

Original

#F3D7F6

Protanopia

#E7E7EF

Deuteranopia

#E8EBED

Tritanopia

#F2E9E7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F7
200
#EEC5F2
300
#E19BE9
400
#D165DC
500
#C12FD0
600
#9A25A7
700
#7B1E85
800
#601768
900
#47154C
950
#2D0D30

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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