Hex Color #EBADB4 - Custom Color

Color Codes

HEX

#EBADB4

RGB

rgb(235, 173, 180)

HSL

hsl(353, 61%, 80%)

CMYK

cmyk(0%, 26%, 23%, 8%)

HSV

hsv(353, 26%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EBADD3 #EBADB4 #EBC5AD

Triadic

#EBADB4 #B4EBAD #ADB4EB

Split Complementary

#EBADB4 #ADEBC5 #ADD3EB

Tetradic (Square)

#EBADB4 #D3EBAD #ADEBE4 #C5ADEB

Complementary

#EBADB4 #ADEBE4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.88:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.17: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: #EBADB4;

color: #EBADB4;

border-color: #EBADB4;

}

Tailwind CSS (with arbitrary values)

bg-[#EBADB4]

text-[#EBADB4]

border-[#EBADB4]

// Example usage: