#EFDDF2

#EFDDF2

Color Values

HEX

#EFDDF2

RGB

239, 221, 242

HSL

291,4, 44,7%, 90,8%

HSV

291,4, 8,7%, 94,9%

CMYK

1,2%, 8,7%, 0,0%, 5,1%

OKLCH

0,9182 0,0341 321,4

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#EFDDF2

#E0F2DD

Analogous

#E5DDF2

#F2DDEB

#EFDDF2

Triadic

#EFDDF2

#F2EFDD

#DDF2EF

Split Complementary

#EFDDF2

#EBF2DD

#DDF2E5

Tetradic

#EFDDF2

#F2E5DD

#E0F2DD

#DDEBF2

Color Blindness Simulation

Original

#EFDDF2

Protanopia

#E7E7ED

Deuteranopia

#E8EAEC

Tritanopia

#EEE9E8

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F9F4FA
100
#F2E6F4
200
#E7CBEB
300
#D5A6DD
400
#BF76CB
500
#A847B8
600
#873894
700
#6C2D76
800
#54235C
900
#3E1D44
950
#27122B

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,29:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026