Hex Color #684486 - Custom Color

Color Codes

HEX

#684486

RGB

rgb(104, 68, 134)

HSL

hsl(273, 33%, 40%)

CMYK

cmyk(22%, 49%, 0%, 47%)

HSV

hsv(273, 49%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#484488 #694488 #884484

Triadic

#694488 #886944 #448869

Split Complementary

#694488 #848844 #448848

Tetradic (Square)

#694488 #884844 #638844 #448488

Complementary

#684486 #638844

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.61:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.76: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: #684486;

color: #684486;

border-color: #684486;

}

Tailwind CSS (with arbitrary values)

bg-[#684486]

text-[#684486]

border-[#684486]

// Example usage: