Hex Color #762693 - Custom Color

Color Codes

HEX

#762693

RGB

rgb(118, 38, 147)

HSL

hsl(284, 59%, 36%)

CMYK

cmyk(20%, 74%, 0%, 42%)

HSV

hsv(284, 74%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3F2692 #752692 #922679

Triadic

#752692 #927526 #269275

Split Complementary

#752692 #799226 #26923F

Tetradic (Square)

#752692 #923F26 #439226 #267992

Complementary

#762693 #439226

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.51:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.47: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: #762693;

color: #762693;

border-color: #762693;

}

Tailwind CSS (with arbitrary values)

bg-[#762693]

text-[#762693]

border-[#762693]

// Example usage: