Hex Color #681982 - Custom Color

Color Codes

HEX

#681982

RGB

rgb(104, 25, 130)

HSL

hsl(285, 68%, 30%)

CMYK

cmyk(20%, 81%, 0%, 49%)

HSV

hsv(285, 81%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#321881 #671881 #811867

Triadic

#671881 #816718 #188167

Split Complementary

#671881 #678118 #188132

Tetradic (Square)

#671881 #813218 #328118 #186781

Complementary

#681982 #328118

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.24:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.05:1

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

color: #681982;

border-color: #681982;

}

Tailwind CSS (with arbitrary values)

bg-[#681982]

text-[#681982]

border-[#681982]

// Example usage: