#EFDFF0

#EFDFF0

Color Values

HEX

#EFDFF0

RGB

239, 223, 240

HSL

296.5, 36.2%, 90.8%

HSV

296.5, 7.1%, 94.1%

CMYK

0.4%, 7.1%, 0.0%, 5.9%

OKLCH

0.9214 0.0285 324.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EFDFF0

#E0F0DF

Analogous

#E7DFF0

#F0DFE9

#EFDFF0

Triadic

#EFDFF0

#F0EFDF

#DFF0EF

Split Complementary

#EFDFF0

#E9F0DF

#DFF0E7

Tetradic

#EFDFF0

#F0E7DF

#E0F0DF

#DFE9F0

Color Blindness Simulation

Original

#EFDFF0

Protanopia

#E8E8EC

Deuteranopia

#E9EAEB

Tritanopia

#EEE9E8

Achromatopsia

#E4E4E4

CSS Usage

background-color: #EFDFF0;
color: #EFDFF0;
border-color: #EFDFF0;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#F9F5FA
100
#F2E8F3
200
#E7CEE8
300
#D5ACD8
400
#BF7EC3
500
#A851AE
600
#87418B
700
#6C346F
800
#542957
900
#3E2140
950
#271529

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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