#A45CBC Color

#A45CBC is rgb(164, 92, 188) in RGB and hsl(285, 42%, 55%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#A45CBC

HEX#A45CBC

RGBrgb(164, 92, 188)

HSLhsl(285, 42%, 55%)

HSVhsv(285, 51%, 74%)

OKLCHoklch(59.6% 0.158 317.1)

CMYKcmyk(13%, 51%, 0%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #A45CBC background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.34:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text4.84:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #A45CBC based on color wheel relationships. Click any swatch for its full breakdown.

Base#A45CBC Complementary#74BC5C Analogous#745CBC Analogous#BC5CA4 Triadic#BCA45C Triadic#5CBCA4

Tints & Shades

Lighter tints and darker shades of #A45CBC, useful for hover states, backgrounds, and text variants.

Tints

#B072C5 #BD88CE #C99DD7 #D7B7E1 #E3CCEA #EFE2F3

Shades

#9447AE #7B3B91 #663177 #50265E #3B1C45 #221028

Use #A45CBC in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex