Recognised as Colour
#9C306A
- #9C306A
- Magenta
- Dark
- Nearest: Medium violet red
#9C306A is a magenta with RGB values 156, 48, 106 and HSL 328°, 53%, 40%. It is a dark colour, so white text on it reaches 6.9:1 contrast (AA for normal text). The nearest named colour is Medium violet red.
Colour values
#9C306A#9C306A
HEX#9C306A
RGBrgb(156, 48, 106)
RGB (0–1)0.6118, 0.1882, 0.4157
RGB percentages61.2%, 18.8%, 41.6%
HSLhsl(327.8, 52.9%, 40%)
HSV / HSBhsv(327.8, 69.2%, 61.2%)
CMYK0%, 69.2%, 32.1%, 38.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,236,010
CSS custom property--colour: #9C306A;
Brightness & contrast
Relative luminance0.10222WCAG 2.x, 0 is black and 1 is white
Perceived brightness99.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.9:1
Contrast with white6.9:1WCAG normal text: AA
Contrast with black3.04:1WCAG normal text: Fail
Greyscale equivalent#4B4B4B
Inverted#63CF95
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.9:1WCAG large text: AAA
Contrast with black, large text3.04:1WCAG large text: AA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#309C62
Analogous#98309C, #9C3034
Triadic#6A9C30, #306A9C
Split complementary#349C30, #309C98
Tetradic#9C9830, #309C62, #30349C
Tints, shades & saturation
Channel breakdown
R156
G48
B106
Red156 (61.2%)
Green48 (18.8%)
Blue106 (41.6%)
Hue327.78°
Saturation (HSL)52.94%
Lightness40%
Dominant channelRed
Hex per channelR 9C · G 30 · B 6A
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page