Colour

#B54BB5

#B54BB5
Magenta
Dark
Nearest: Medium orchid

#B54BB5 is a magenta with RGB values 181, 75, 181 and HSL 300°, 42%, 50%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Medium orchid.

Colour values

#B54BB5#B54BB5

HEX#B54BB5

RGBrgb(181, 75, 181)

RGB (0–1)0.7098, 0.2941, 0.7098

RGB percentages71%, 29.4%, 71%

HSLhsl(300, 41.7%, 50.2%)

HSV / HSBhsv(300, 58.6%, 71%)

CMYK0%, 58.6%, 0%, 29%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,881,397

CSS custom property--colour: #B54BB5;

Brightness & contrast

Relative luminance0.18192WCAG 2.x, 0 is black and 1 is white

Perceived brightness129.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.64:1

Contrast with white4.53:1WCAG normal text: AA

Contrast with black4.64:1WCAG normal text: AA

Greyscale equivalent#696969

Inverted#4AB44A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3F6DB8no red cones; affects about 1% of men; ΔE 48.8 from the original

Deuteranopia#637BB2no green cones; the most common form, about 1% of men; ΔE 50.9 from the original

Tritanopia#BA5879no blue cones; rare, and affects men and women equally; ΔE 39.2 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.53:1WCAG large text: AAA

Contrast with black, large text4.64:1WCAG large text: AAA

Named colours

Medium orchid · ΔE 11.9 Orchid · ΔE 13.3 Dark magenta · ΔE 18.2 Violet · ΔE 20 Purple · ΔE 20.1 Rebecca purple · ΔE 24.3

Nearest named CSS colourMedium orchid (#BA55D3)ΔE 11.94, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#4BB54B

Analogous#804BB5, #B54B80

Triadic#B5B54B, #4BB5B5

Split complementary#80B54B, #4BB580

Tetradic#B5804B, #4BB54B, #4B80B5

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F0DCF0

Lighter +30%#E2B7E2

Lighter +20%#D393D3

Lighter +10%#C46FC4

Darker −10%#913C91

Darker −20%#6D2D6D

Darker −30%#491E49

Darker −40%#250F25

More saturated +25%#D52BD5

Less saturated −25%#956B95

Channel breakdown

R181

G75

B181

Red181 (71%)

Green75 (29.4%)

Blue181 (71%)

Hue300°

Saturation (HSL)41.73%

Lightness50.2%

Dominant channelRed and Blue

Hex per channelR B5 · G 4B · B B5

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#B54BB5

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else