Nerdulator> put something in

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

Protanopia#374A70no red cones; affects about 1% of men; ΔE 34.4 from the original
Deuteranopia#4B546Cno green cones; the most common form, about 1% of men; ΔE 35.6 from the original
Tritanopia#82394Dno blue cones; rare, and affects men and women equally; ΔE 22.1 from the original
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

Nearest named CSS colourDark slateblue (#483D8B)ΔE 26.73, a distinctly different colour
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

Lighter +40%#D8A6CE
Lighter +30%#C982BB
Lighter +20%#B95FA7
Lighter +10%#A0458E
Darker −10%#58274E
Darker −20%#35172F
Darker −30%#11080F
Darker −40%#000000
More saturated +25%#92207B
Less saturated −25%#664C61

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.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “7c366e” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.