Hex Color #ACBBE5 - Custom Color

Color Codes

HEX

#ACBBE5

RGB

rgb(172, 187, 229)

HSL

hsl(224, 52%, 79%)

CMYK

cmyk(25%, 18%, 0%, 10%)

HSV

hsv(224, 25%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AED8E5 #AEBCE5 #BBAEE5

Triadic

#AEBCE5 #E5AEBC #BCE5AE

Split Complementary

#AEBCE5 #E5BBAE #D8E5AE

Tetradic (Square)

#AEBCE5 #E5AED8 #E5D6AE #AEE5BB

Complementary

#ACBBE5 #E5D6AE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.91:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.99:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #ACBBE5;

color: #ACBBE5;

border-color: #ACBBE5;

}

Tailwind CSS (with arbitrary values)

bg-[#ACBBE5]

text-[#ACBBE5]

border-[#ACBBE5]

// Example usage: