Hex Color #CBADE5 - Custom Color

Color Codes

HEX

#CBADE5

RGB

rgb(203, 173, 229)

HSL

hsl(272, 52%, 79%)

CMYK

cmyk(11%, 24%, 0%, 10%)

HSV

hsv(272, 24%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AFAEE5 #CBAEE5 #E5AEE3

Triadic

#CBAEE5 #E5CBAE #AEE5CB

Split Complementary

#CBAEE5 #E3E5AE #AEE5AF

Tetradic (Square)

#CBAEE5 #E5AFAE #C8E5AE #AEE3E5

Complementary

#CBADE5 #C8E5AE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.97:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.65: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: #CBADE5;

color: #CBADE5;

border-color: #CBADE5;

}

Tailwind CSS (with arbitrary values)

bg-[#CBADE5]

text-[#CBADE5]

border-[#CBADE5]

// Example usage: