Colour

#B457BD

#B457BD
Magenta
Dark
Nearest: Orchid

#B457BD is a magenta with RGB values 180, 87, 189 and HSL 295°, 44%, 54%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Orchid.

Colour values

#B457BD#B457BD

HEX#B457BD

RGBrgb(180, 87, 189)

RGB (0–1)0.7059, 0.3412, 0.7412

RGB percentages70.6%, 34.1%, 74.1%

HSLhsl(294.7, 43.6%, 54.1%)

HSV / HSBhsv(294.7, 54%, 74.1%)

CMYK4.8%, 54%, 0%, 25.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,818,941

CSS custom property--colour: #B457BD;

Brightness & contrast

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

Perceived brightness134.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.04:1

Contrast with white4.17:1WCAG normal text: Fail

Contrast with black5.04:1WCAG normal text: AA

Greyscale equivalent#727272

Inverted#4BA842

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4875C0no red cones; affects about 1% of men; ΔE 44.7 from the original

Deuteranopia#6680BAno green cones; the most common form, about 1% of men; ΔE 46.2 from the original

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

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

Contrast with white, large text4.17:1WCAG large text: AA

Contrast with black, large text5.04:1WCAG large text: AAA

Named colours

Orchid · ΔE 11.5 Medium orchid · ΔE 12.2 Violet · ΔE 18.1 Medium purple · ΔE 20.3 Dark magenta · ΔE 22 Purple · ΔE 23.2

Nearest named CSS colourOrchid (#DA70D6)ΔE 11.52, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#60BD57

Analogous#8157BD, #BD5793

Triadic#BDB457, #57BDB4

Split complementary#93BD57, #57BD81

Tetradic#BD8157, #60BD57, #5793BD

Tints, shades & saturation

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

Lighter +40%#F5E9F7

Lighter +30%#E5C5E8

Lighter +20%#D5A0DA

Lighter +10%#C47CCB

Darker −10%#993FA2

Darker −20%#76317D

Darker −30%#542358

Darker −40%#311434

More saturated +25%#CC3ADA

Less saturated −25%#9C74A0

Channel breakdown

R180

G87

B189

Red180 (70.6%)

Green87 (34.1%)

Blue189 (74.1%)

Hue294.71°

Saturation (HSL)43.59%

Lightness54.12%

Dominant channelBlue

Hex per channelR B4 · G 57 · B BD

Keep nerding

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

#B457BD

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