#BB60E2

Purple

HEX

RGB

HSL

About #BB60E2 Purple

#BB60E2 is a purple color. In the RGB color model, it is composed of 187 red, 96 green, and 226 blue. In the HSL color space, it has a hue of 282°, saturation of 69%, and lightness of 63%.

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 & Gradients

Use #BB60E2 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

282°

Hue

69%

Saturation

63%

Lightness

Purple

Color Harmonies

Colors that work well with #BB60E2 based on color theory.

Accessibility

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

Aa#BB60E2 on White
Contrast Ratio3.57:1
AA AA Large AAA
Aa#BB60E2 on Black
Contrast Ratio5.88:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BB60E2 across different color formats.

FormatValue
HEX#BB60E2
RGBrgb(187, 96, 226)
HSLhsl(282, 69%, 63%)
RGB Decimal187, 96, 226
RGB Percent73.3%, 37.6%, 88.6%
CMYK (approx.)17%, 58%, 0%, 11%

Related Palettes

12 palettes using #BB60E2 or similar colors

#6BBFD9#5E5FC3#B359D4#D45D9A
#BD4DE5#E5BD4D#4DE5BD#E6BCF5
#4DE5C7#C74DE5#E5C74D#BCF5EA
#C25CCC#CA7B95#CC966F#C0D263
#AD4DE5#E5AD4D#4DE5AD#E0BCF5
#5646BD#C250D1#C76589#CF916B
#5DAAC2#5052CC#AF53D0#D66CA3
#2248C3#6145DE#BB79E7#F0ADEF
#6361D1#BD74D2#C2598C#CA8E78
#2250C3#5945DE#B579E7#EEADF0
#2240C3#6845DE#C179E7#F0ADEC
#1B54B1#4731E7#C176EF#F0C1EB