Hex Color #8186DB - Custom Color

Color Codes

HEX

#8186DB

RGB

rgb(129, 134, 219)

HSL

hsl(237, 56%, 68%)

CMYK

cmyk(41%, 39%, 0%, 14%)

HSV

hsv(237, 41%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#80B2DB #8084DB #A980DB

Triadic

#8084DB #DB8084 #84DB80

Split Complementary

#8084DB #DBA980 #B2DB80

Tetradic (Square)

#8084DB #DB80B2 #DBD780 #80DBA9

Complementary

#8186DB #DBD780

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.37:1

Pass - WCAG AA (Normal Text)

Fail - 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: #8186DB;

color: #8186DB;

border-color: #8186DB;

}

Tailwind CSS (with arbitrary values)

bg-[#8186DB]

text-[#8186DB]

border-[#8186DB]

// Example usage: