Colour

#D031D2

#D031D2
Magenta
Dark
Nearest: Medium orchid

#D031D2 is a magenta with RGB values 208, 49, 210 and HSL 299°, 64%, 51%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Medium orchid.

Colour values

#D031D2#D031D2

HEX#D031D2

RGBrgb(208, 49, 210)

RGB (0–1)0.8157, 0.1922, 0.8235

RGB percentages81.6%, 19.2%, 82.4%

HSLhsl(299.3, 64.1%, 50.8%)

HSV / HSBhsv(299.3, 76.7%, 82.4%)

CMYK1%, 76.7%, 0%, 17.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,644,242

CSS custom property--colour: #D031D2;

Brightness & contrast

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

Perceived brightness139.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.05:1

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

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

Greyscale equivalent#5E5E5E

Inverted#2FCE2D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#006FD6no red cones; affects about 1% of men; ΔE 64.7 from the original

Deuteranopia#5E83CEno green cones; the most common form, about 1% of men; ΔE 68.6 from the original

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

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

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

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

Named colours

Medium orchid · ΔE 18.1 Dark orchid · ΔE 18.5 Dark violet · ΔE 24.8 Fuchsia · ΔE 25.6 Magenta · ΔE 25.6 Dark magenta · ΔE 26.4

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

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#33D231

Analogous#8031D2, #D23183

Triadic#D2D031, #31D2D0

Split complementary#83D231, #31D280

Tetradic#D28031, #33D231, #3183D2

Tints, shades & saturation

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

Lighter +40%#F6D8F7

Lighter +30%#EDAFED

Lighter +20%#E385E4

Lighter +10%#DA5BDB

Darker −10%#A925AB

Darker −20%#801C81

Darker −30%#561357

Darker −40%#2D0A2D

More saturated +25%#EF12F1

Less saturated −25%#B150B3

Channel breakdown

R208

G49

B210

Red208 (81.6%)

Green49 (19.2%)

Blue210 (82.4%)

Hue299.25°

Saturation (HSL)64.14%

Lightness50.78%

Dominant channelBlue

Hex per channelR D0 · G 31 · B D2

Keep nerding

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

#D031D2

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