Hex Color #ECABE5 - Custom Color

Color Codes

HEX

#ECABE5

RGB

rgb(236, 171, 229)

HSL

hsl(306, 63%, 80%)

CMYK

cmyk(0%, 28%, 3%, 7%)

HSV

hsv(306, 28%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D2ACEC #ECACE6 #ECACC6

Triadic

#ECACE6 #E6ECAC #ACE6EC

Split Complementary

#ECACE6 #C6ECAC #ACECD2

Tetradic (Square)

#ECACE6 #ECD2AC #ACECB2 #ACC6EC

Complementary

#ECABE5 #ACECB2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.82:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.52:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #ECABE5;

color: #ECABE5;

border-color: #ECABE5;

}

Tailwind CSS (with arbitrary values)

bg-[#ECABE5]

text-[#ECABE5]

border-[#ECABE5]

// Example usage: