Hex Color #ACEDD2 - Custom Color

Color Codes

HEX

#ACEDD2

RGB

rgb(172, 237, 210)

HSL

hsl(155, 64%, 80%)

CMYK

cmyk(27%, 0%, 11%, 7%)

HSV

hsv(155, 27%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ABEDB1 #ABEDD1 #ABE7ED

Triadic

#ABEDD1 #D1ABED #EDD1AB

Split Complementary

#ABEDD1 #EDABE7 #EDB1AB

Tetradic (Square)

#ABEDD1 #B1ABED #EDABC7 #E7EDAB

Complementary

#ACEDD2 #EDABC7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.33:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.80: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: #ACEDD2;

color: #ACEDD2;

border-color: #ACEDD2;

}

Tailwind CSS (with arbitrary values)

bg-[#ACEDD2]

text-[#ACEDD2]

border-[#ACEDD2]

// Example usage: