#7B3C96

Purple

HEX

RGB

HSL

About #7B3C96 Purple

#7B3C96 is a purple color. In the RGB color model, it is composed of 123 red, 60 green, and 150 blue. In the HSL color space, it has a hue of 282°, saturation of 43%, and lightness of 41%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #7B3C96 in your CSS, SCSS, or Tailwind projects.

Color Properties

282°

Hue

43%

Saturation

41%

Lightness

Purple

Color Harmonies

Colors that work well with #7B3C96 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #7B3C96 against white and black backgrounds.

Aa#7B3C96 on White
Contrast Ratio7.17:1
AA AA Large AAA
Aa#7B3C96 on Black
Contrast Ratio2.93:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #7B3C96 across different color formats.

FormatValue
HEX#7B3C96
RGBrgb(123, 60, 150)
HSLhsl(282, 43%, 41%)
RGB Decimal123, 60, 150
RGB Percent48.2%, 23.5%, 58.8%
CMYK (approx.)18%, 60%, 0%, 41%

Related Palettes

12 palettes using #7B3C96 or similar colors

#1A0D26#392A46#593974#7846A4
#1A1320#3B1D53#593E70#794D9D
#1C0F24#3D214F#5B416C#7E4C9F
#1A1023#39264A#57416C#774C9F
#3F3366#714C9A#A67DB5#D4AAD4
#1B141F#3E244C#5E3E6F#8349A2
#493663#7E5096#AA84AE#D4AACD
#1E0E25#421C54#5E436B#8647A4
#4E3663#884D99#BA78B8#D2ACC8
#1B0E25#3A2947#5A3578#795298
#180D26#361E52#554469#7043A8
#4F3663#894D99#BD75B9#D6A9C8