Hex Color #ACB1E8 - Custom Color

Color Codes

HEX

#ACB1E8

RGB

rgb(172, 177, 232)

HSL

hsl(235, 57%, 79%)

CMYK

cmyk(26%, 24%, 0%, 9%)

HSV

hsv(235, 26%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ABCFE8 #ABB0E8 #C4ABE8

Triadic

#ABB0E8 #E8ABB0 #B0E8AB

Split Complementary

#ABB0E8 #E8C4AB #CFE8AB

Tetradic (Square)

#ABB0E8 #E8ABCF #E8E3AB #ABE8C4

Complementary

#ACB1E8 #E8E3AB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.06:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.21: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: #ACB1E8;

color: #ACB1E8;

border-color: #ACB1E8;

}

Tailwind CSS (with arbitrary values)

bg-[#ACB1E8]

text-[#ACB1E8]

border-[#ACB1E8]

// Example usage: