Recognised as Colour
#DD309E
- #DD309E
- Magenta
- Dark
- Nearest: Medium violet red
#DD309E is a magenta with RGB values 221, 48, 158 and HSL 322°, 72%, 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
#DD309E#DD309E
HEX#DD309E
RGBrgb(221, 48, 158)
RGB (0–1)0.8667, 0.1882, 0.6196
RGB percentages86.7%, 18.8%, 62%
HSLhsl(321.8, 71.8%, 52.7%)
HSV / HSBhsv(321.8, 78.3%, 86.7%)
CMYK0%, 78.3%, 28.5%, 13.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,495,902
CSS custom property--colour: #DD309E;
Brightness & contrast
Relative luminance0.19955WCAG 2.x, 0 is black and 1 is white
Perceived brightness137.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.99:1
Contrast with white4.21:1WCAG normal text: Fail
Contrast with black4.99:1WCAG normal text: AA
Greyscale equivalent#5D5D5D
Inverted#22CF61
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.21:1WCAG large text: AA
Contrast with black, large text4.99:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#30DD6F
Analogous#C630DD, #DD3048
Triadic#9EDD30, #309EDD
Split complementary#48DD30, #30DDC6
Tetradic#DDC630, #30DD6F, #3048DD
Tints, shades & saturation
Channel breakdown
R221
G48
B158
Red221 (86.7%)
Green48 (18.8%)
Blue158 (62%)
Hue321.85°
Saturation (HSL)71.78%
Lightness52.75%
Dominant channelRed
Hex per channelR DD · G 30 · B 9E
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