Colour

#B31981

#B31981
Magenta
Dark
Nearest: Medium violet red

#B31981 is a magenta with RGB values 179, 25, 129 and HSL 319°, 75%, 40%. It is a dark colour, so white text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Medium violet red.

Colour values

#B31981#B31981

HEX#B31981

RGBrgb(179, 25, 129)

RGB (0–1)0.702, 0.098, 0.5059

RGB percentages70.2%, 9.8%, 50.6%

HSLhsl(319.5, 75.5%, 40%)

HSV / HSBhsv(319.5, 86%, 70.2%)

CMYK0%, 86%, 27.9%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,737,473

CSS custom property--colour: #B31981;

Brightness & contrast

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

Perceived brightness108.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.23:1

Contrast with white6.23:1WCAG normal text: AA

Contrast with black3.37:1WCAG normal text: Fail

Greyscale equivalent#414141

Inverted#4CE67E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#345083no red cones; affects about 1% of men; ΔE 61.1 from the original

Deuteranopia#636A7Eno green cones; the most common form, about 1% of men; ΔE 63.9 from the original

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

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

Contrast with white, large text6.23:1WCAG large text: AAA

Contrast with black, large text3.37:1WCAG large text: AA

Named colours

Medium violet red · ΔE 7.6 Dark magenta · ΔE 21.8 Purple · ΔE 21.9 Hot pink · ΔE 25.8 Deep pink · ΔE 27.6 Orchid · ΔE 28.7

Nearest named CSS colourMedium violet red (#C71585)ΔE 7.64, clearly different but related

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#19B34B

Analogous#9819B3, #B31934

Triadic#81B319, #1981B3

Split complementary#34B319, #19B398

Tetradic#B39819, #19B34B, #1934B3

Tints, shades & saturation

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

Lighter +40%#F3A6DA

Lighter +30%#EC79C7

Lighter +20%#E64CB4

Lighter +10%#E01FA1

Darker −10%#861361

Darker −20%#5A0C41

Darker −30%#2D0620

Darker −40%#000000

More saturated +25%#CC008A

Less saturated −25%#9A3378

Channel breakdown

R179

G25

B129

Red179 (70.2%)

Green25 (9.8%)

Blue129 (50.6%)

Hue319.48°

Saturation (HSL)75.49%

Lightness40%

Dominant channelRed

Hex per channelR B3 · G 19 · B 81

Keep nerding

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

#B31981

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