Recognised as Colour
#DC309D
- #DC309D
- Magenta
- Dark
- Nearest: Medium violet red
#DC309D is a magenta with RGB values 220, 48, 157 and HSL 322°, 71%, 53%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Medium violet red.
Colour values
#DC309D#DC309D
HEX#DC309D
RGBrgb(220, 48, 157)
RGB (0–1)0.8627, 0.1882, 0.6157
RGB percentages86.3%, 18.8%, 61.6%
HSLhsl(322, 71.1%, 52.5%)
HSV / HSBhsv(322, 78.2%, 86.3%)
CMYK0%, 78.2%, 28.6%, 13.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,430,365
CSS custom property--colour: #DC309D;
Brightness & contrast
Relative luminance0.19764WCAG 2.x, 0 is black and 1 is white
Perceived brightness136.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.95:1
Contrast with white4.24:1WCAG normal text: Fail
Contrast with black4.95:1WCAG normal text: AA
Greyscale equivalent#5C5C5C
Inverted#23CF62
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.24:1WCAG large text: AA
Contrast with black, large text4.95:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#30DC6F
Analogous#C530DC, #DC3047
Triadic#9DDC30, #309DDC
Split complementary#47DC30, #30DCC5
Tetradic#DCC530, #30DC6F, #3047DC
Tints, shades & saturation
Channel breakdown
R220
G48
B157
Red220 (86.3%)
Green48 (18.8%)
Blue157 (61.6%)
Hue321.98°
Saturation (HSL)71.07%
Lightness52.55%
Dominant channelRed
Hex per channelR DC · G 30 · B 9D
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