Nerdulator> put something in

Colour

#D20F8F

  • #D20F8F
  • Magenta
  • Dark
  • Nearest: Medium violet red

#D20F8F is a magenta with RGB values 210, 15, 143 and HSL 321°, 87%, 44%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Medium violet red.

Colour values

#D20F8F#D20F8F
HEX#D20F8F
RGBrgb(210, 15, 143)
RGB (0–1)0.8235, 0.0588, 0.5608
RGB percentages82.4%, 5.9%, 56.1%
HSLhsl(320.6, 86.7%, 44.1%)
HSV / HSBhsv(320.6, 92.9%, 82.4%)
CMYK0%, 92.9%, 31.9%, 17.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,766,543
CSS custom property--colour: #D20F8F;

Brightness & contrast

Relative luminance0.16026WCAG 2.x, 0 is black and 1 is white
Perceived brightness125.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.99:1
Contrast with white4.99:1WCAG normal text: AA
Contrast with black4.21:1WCAG normal text: Fail
Greyscale equivalent#424242
Inverted#2DF070

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#3D5B92no red cones; affects about 1% of men; ΔE 71.2 from the original
Deuteranopia#757B8Bno green cones; the most common form, about 1% of men; ΔE 74.5 from the original
Tritanopia#E20055no blue cones; rare, and affects men and women equally; ΔE 37.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.99:1WCAG large text: AAA
Contrast with black, large text4.21:1WCAG large text: AA

Named colours

Medium violet red · ΔE 5.3Deep pink · ΔE 17.6Hot pink · ΔE 22.6Dark magenta · ΔE 28.5Purple · ΔE 30.3Orchid · ΔE 30.4
Nearest named CSS colourMedium violet red (#C71585)ΔE 5.34, clearly different but related
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0FD252
Analogous#B40FD2, #D20F2D
Triadic#8FD20F, #0F8FD2
Split complementary#2DD20F, #0FD2B4
Tetradic#D2B40F, #0FD252, #0F2DD2

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FAB3E1
Lighter +30%#F684CF
Lighter +20%#F354BC
Lighter +10%#EF25AA
Darker −10%#A20C6F
Darker −20%#73084E
Darker −30%#43052E
Darker −40%#14010D
More saturated +25%#E10094
Less saturated −25%#B62B86

Channel breakdown

R210
G15
B143
Red210 (82.4%)
Green15 (5.9%)
Blue143 (56.1%)
Hue320.62°
Saturation (HSL)86.67%
Lightness44.12%
Dominant channelRed
Hex per channelR D2 · G 0F · B 8F

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “d20f8f” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.