#EFDAF3

#EFDAF3

Color Values

HEX

#EFDAF3

RGB

239, 218, 243

HSL

290.4, 51.0%, 90.4%

HSV

290.4, 10.3%, 95.3%

CMYK

1.6%, 10.3%, 0.0%, 4.7%

OKLCH

0.9128 0.0403 320.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EFDAF3

#DEF3DA

Analogous

#E3DAF3

#F3DAEB

#EFDAF3

Triadic

#EFDAF3

#F3EFDA

#DAF3EF

Split Complementary

#EFDAF3

#EBF3DA

#DAF3E3

Tetradic

#EFDAF3

#F3E3DA

#DEF3DA

#DAEBF3

Color Blindness Simulation

Original

#EFDAF3

Protanopia

#E6E6ED

Deuteranopia

#E7E9EC

Tritanopia

#EEE8E7

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F2E5F5
200
#E8C9EE
300
#D7A3E1
400
#C171D1
500
#AC3EC1
600
#89329A
700
#6E287B
800
#561F60
900
#401A47
950
#28112D

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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