Hex Color #806DAD - Custom Color

Color Codes

HEX

#806DAD

RGB

rgb(128, 109, 173)

HSL

hsl(258, 28%, 55%)

CMYK

cmyk(26%, 37%, 0%, 32%)

HSV

hsv(258, 37%, 68%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6C79AC #7F6CAC #A06CAC

Triadic

#7F6CAC #AC7F6C #6CAC7F

Split Complementary

#7F6CAC #ACA06C #79AC6C

Tetradic (Square)

#7F6CAC #AC6C79 #99AC6C #6CACA0

Complementary

#806DAD #99AC6C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.71: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: #806DAD;

color: #806DAD;

border-color: #806DAD;

}

Tailwind CSS (with arbitrary values)

bg-[#806DAD]

text-[#806DAD]

border-[#806DAD]

// Example usage: