#EDBAFD

#EDBAFD

Color Values

HEX

#EDBAFD

RGB

237, 186, 253

HSL

285,7, 94,4%, 86,1%

HSV

285,7, 26,5%, 99,2%

CMYK

6,3%, 26,5%, 0,0%, 0,8%

OKLCH

0,8561 0,1058 318,0

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#EDBAFD

#CAFDBA

Analogous

#CCBAFD

#FDBAEC

#EDBAFD

Triadic

#EDBAFD

#FDEDBA

#BAFDED

Split Complementary

#EDBAFD

#ECFDBA

#BAFDCC

Tetradic

#EDBAFD

#FDCCBA

#CAFDBA

#BAECFD

Color Blindness Simulation

Original

#EDBAFD

Protanopia

#D7D6ED

Deuteranopia

#DADEE9

Tritanopia

#EAE0DD

Achromatopsia

#CACACA

CSS Usage

background-color: #EDBAFD;
color: #EDBAFD;
border-color: #EDBAFD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FBF1FD
100
#F5DFFB
200
#EDBAFD
300
#E088FC
400
#CF48FA
500
#BE07F8
600
#9806C6
700
#7A059F
800
#5F047C
900
#46075A
950
#2C0539

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026