Hex Color #CAAEEC - Custom Color

Color Codes

HEX

#CAAEEC

RGB

rgb(202, 174, 236)

HSL

hsl(267, 62%, 80%)

CMYK

cmyk(14%, 26%, 0%, 7%)

HSV

hsv(267, 26%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ACB0EC #C9ACEC #E8ACEC

Triadic

#C9ACEC #ECC9AC #ACECC9

Split Complementary

#C9ACEC #ECE8AC #B0ECAC

Tetradic (Square)

#C9ACEC #ECACB0 #CFECAC #ACECE8

Complementary

#CAAEEC #CFECAC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.95:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.78: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: #CAAEEC;

color: #CAAEEC;

border-color: #CAAEEC;

}

Tailwind CSS (with arbitrary values)

bg-[#CAAEEC]

text-[#CAAEEC]

border-[#CAAEEC]

// Example usage: