Hex Color #945AED - Custom Color

Color Codes

HEX

#945AED

RGB

rgb(148, 90, 237)

HSL

hsl(264, 80%, 64%)

CMYK

cmyk(38%, 62%, 0%, 7%)

HSV

hsv(264, 62%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5A68ED #955AED #DE5AED

Triadic

#955AED #ED955A #5AED95

Split Complementary

#955AED #EDDE5A #68ED5A

Tetradic (Square)

#955AED #ED5A68 #B2ED5A #5AEDDE

Complementary

#945AED #B2ED5A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.25:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.94:1

Pass - 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: #945AED;

color: #945AED;

border-color: #945AED;

}

Tailwind CSS (with arbitrary values)

bg-[#945AED]

text-[#945AED]

border-[#945AED]

// Example usage: