#EDD3F2

#EDD3F2

Color Values

HEX

#EDD3F2

RGB

237, 211, 242

HSL

290.3, 54.4%, 88.8%

HSV

290.3, 12.8%, 94.9%

CMYK

2.1%, 12.8%, 0.0%, 5.1%

OKLCH

0.8976 0.0502 320.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EDD3F2

#D8F2D3

Analogous

#DDD3F2

#F2D3E7

#EDD3F2

Triadic

#EDD3F2

#F2EDD3

#D3F2ED

Split Complementary

#EDD3F2

#E7F2D3

#D3F2DD

Tetradic

#EDD3F2

#F2DDD3

#D8F2D3

#D3E7F2

Color Blindness Simulation

Original

#EDD3F2

Protanopia

#E2E2EB

Deuteranopia

#E3E5E9

Tritanopia

#ECE5E3

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E5F5
200
#E8C8EF
300
#D8A1E3
400
#C36DD4
500
#AE3AC5
600
#8C2F9D
700
#70257E
800
#571D62
900
#411948
950
#29102E

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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