Hex Color #665580 - Custom Color

Color Codes

HEX

#665580

RGB

rgb(102, 85, 128)

HSL

hsl(264, 20%, 42%)

CMYK

cmyk(20%, 34%, 0%, 50%)

HSV

hsv(264, 34%, 50%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#565A81 #675681 #7C5681

Triadic

#675681 #816756 #568167

Split Complementary

#675681 #817C56 #5A8156

Tetradic (Square)

#675681 #81565A #6F8156 #56817C

Complementary

#665580 #6F8156

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.61:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.18: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: #665580;

color: #665580;

border-color: #665580;

}

Tailwind CSS (with arbitrary values)

bg-[#665580]

text-[#665580]

border-[#665580]

// Example usage: