Nerdulator> put something in

Recognised as Colour

#D8228C

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

#D8228C is a magenta with RGB values 216, 34, 140 and HSL 325°, 73%, 49%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Medium violet red.

Colour values

#D8228C#D8228C
HEX#D8228C
RGBrgb(216, 34, 140)
RGB (0–1)0.8471, 0.1333, 0.549
RGB percentages84.7%, 13.3%, 54.9%
HSLhsl(325.1, 72.8%, 49%)
HSV / HSBhsv(325.1, 84.3%, 84.7%)
CMYK0%, 84.3%, 35.2%, 15.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,164,620
CSS custom property--colour: #D8228C;

Brightness & contrast

Relative luminance0.17636WCAG 2.x, 0 is black and 1 is white
Perceived brightness129.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.64:1
Contrast with white4.64:1WCAG normal text: AA
Contrast with black4.53:1WCAG normal text: AA
Greyscale equivalent#505050
Inverted#27DD73

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4A608Eno red cones; affects about 1% of men; ΔE 70.4 from the original
Deuteranopia#7D8088no green cones; the most common form, about 1% of men; ΔE 73.2 from the original
Tritanopia#E90056no blue cones; rare, and affects men and women equally; ΔE 34.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.64:1WCAG large text: AAA
Contrast with black, large text4.53:1WCAG large text: AAA

Named colours

Medium violet red · ΔE 5.5Deep pink · ΔE 15Hot pink · ΔE 18.8Orchid · ΔE 31.4Dark magenta · ΔE 32.7Pale violetred · ΔE 32.7
Nearest named CSS colourMedium violet red (#C71585)ΔE 5.47, clearly different but related
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#22D86E
Analogous#C922D8, #D82231
Triadic#8CD822, #228CD8
Split complementary#31D822, #22D8C9
Tetradic#D8C922, #22D86E, #2231D8

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F7CFE6
Lighter +30%#F0A3D0
Lighter +20%#EA76B9
Lighter +10%#E34AA3
Darker −10%#AC1B6F
Darker −20%#801453
Darker −30%#540D36
Darker −40%#28061A
More saturated +25%#F70391
Less saturated −25%#B94187

Channel breakdown

R216
G34
B140
Red216 (84.7%)
Green34 (13.3%)
Blue140 (54.9%)
Hue325.05°
Saturation (HSL)72.8%
Lightness49.02%
Dominant channelRed
Hex per channelR D8 · G 22 · B 8C

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 “d8228c” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.