Hex Color #AEDBBA - Custom Color

Color Codes

HEX

#AEDBBA

RGB

rgb(174, 219, 186)

HSL

hsl(136, 38%, 77%)

CMYK

cmyk(21%, 0%, 15%, 14%)

HSV

hsv(136, 21%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B8DBAE #AEDBBA #AEDBD0

Triadic

#AEDBBA #BAAEDB #DBBAAE

Split Complementary

#AEDBBA #D0AEDB #DBAEB8

Tetradic (Square)

#AEDBBA #AEB8DB #DBAECF #DBD0AE

Complementary

#AEDBBA #DBAECF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.54:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.64: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: #AEDBBA;

color: #AEDBBA;

border-color: #AEDBBA;

}

Tailwind CSS (with arbitrary values)

bg-[#AEDBBA]

text-[#AEDBBA]

border-[#AEDBBA]

// Example usage: