Recognised as Colour
#7E2174
- #7E2174
- Magenta
- Dark
- Nearest: Purple
#7E2174 is a magenta with RGB values 126, 33, 116 and HSL 306°, 58%, 31%. It is a dark colour, so white text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Purple.
Colour values
#7E2174#7E2174
HEX#7E2174
RGBrgb(126, 33, 116)
RGB (0–1)0.4941, 0.1294, 0.4549
RGB percentages49.4%, 12.9%, 45.5%
HSLhsl(306.5, 58.5%, 31.2%)
HSV / HSBhsv(306.5, 73.8%, 49.4%)
CMYK0%, 73.8%, 7.9%, 50.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,266,100
CSS custom property--colour: #7E2174;
Brightness & contrast
Relative luminance0.06784WCAG 2.x, 0 is black and 1 is white
Perceived brightness83.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.91:1
Contrast with white8.91:1WCAG normal text: AAA
Contrast with black2.36:1WCAG normal text: Fail
Greyscale equivalent#3B3B3B
Inverted#81DE8B
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text8.91:1WCAG large text: AAA
Contrast with black, large text2.36:1WCAG large text: Fail
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#217E2B
Analogous#5A217E, #7E2145
Triadic#747E21, #21747E
Split complementary#457E21, #217E5A
Tetradic#7E5A21, #217E2B, #21457E
Tints, shades & saturation
Channel breakdown
R126
G33
B116
Red126 (49.4%)
Green33 (12.9%)
Blue116 (45.5%)
Hue306.45°
Saturation (HSL)58.49%
Lightness31.18%
Dominant channelRed
Hex per channelR 7E · G 21 · B 74
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