Hex Color #654392 - Custom Color

Color Codes

HEX

#654392

RGB

rgb(101, 67, 146)

HSL

hsl(266, 37%, 42%)

CMYK

cmyk(31%, 54%, 0%, 43%)

HSV

hsv(266, 54%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#434993 #664393 #8D4393

Triadic

#664393 #936643 #439366

Split Complementary

#664393 #938D43 #499343

Tetradic (Square)

#664393 #934349 #709343 #43938D

Complementary

#654392 #709343

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.58:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.77: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: #654392;

color: #654392;

border-color: #654392;

}

Tailwind CSS (with arbitrary values)

bg-[#654392]

text-[#654392]

border-[#654392]

// Example usage: