Recognised as Colour
#7C366E
- #7C366E
- Magenta
- Dark
- Nearest: Dark slateblue
#7C366E is a magenta with RGB values 124, 54, 110 and HSL 312°, 39%, 35%. It is a dark colour, so white text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.
Colour values
#7C366E#7C366E
HEX#7C366E
RGBrgb(124, 54, 110)
RGB (0–1)0.4863, 0.2118, 0.4314
RGB percentages48.6%, 21.2%, 43.1%
HSLhsl(312, 39.3%, 34.9%)
HSV / HSBhsv(312, 56.5%, 48.6%)
CMYK0%, 56.5%, 11.3%, 51.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,140,398
CSS custom property--colour: #7C366E;
Brightness & contrast
Relative luminance0.08049WCAG 2.x, 0 is black and 1 is white
Perceived brightness87.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.05:1
Contrast with white8.05:1WCAG normal text: AAA
Contrast with black2.61:1WCAG normal text: Fail
Greyscale equivalent#494949
Inverted#83C991
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text8.05:1WCAG large text: AAA
Contrast with black, large text2.61:1WCAG large text: Fail
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#367C44
Analogous#67367C, #7C364B
Triadic#6E7C36, #366E7C
Split complementary#4B7C36, #367C67
Tetradic#7C6736, #367C44, #364B7C
Tints, shades & saturation
Channel breakdown
R124
G54
B110
Red124 (48.6%)
Green54 (21.2%)
Blue110 (43.1%)
Hue312°
Saturation (HSL)39.33%
Lightness34.9%
Dominant channelRed
Hex per channelR 7C · G 36 · B 6E
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