Recognised as Colour

#60103C

#60103C
Magenta
Dark
Nearest: Purple

#60103C is a magenta with RGB values 96, 16, 60 and HSL 327°, 71%, 22%. It is a dark colour, so white text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Purple.

Colour values

#60103C#60103C

HEX#60103C

RGBrgb(96, 16, 60)

RGB (0–1)0.3765, 0.0627, 0.2353

RGB percentages37.6%, 6.3%, 23.5%

HSLhsl(327, 71.4%, 22%)

HSV / HSBhsv(327, 83.3%, 37.6%)

CMYK0%, 83.3%, 37.5%, 62.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,295,612

CSS custom property--colour: #60103C;

Brightness & contrast

Relative luminance0.03184WCAG 2.x, 0 is black and 1 is white

Perceived brightness57.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.83:1

Contrast with white12.83:1WCAG normal text: AAA

Contrast with black1.64:1WCAG normal text: Fail

Greyscale equivalent#242424

Inverted#9FEFC3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1F293Dno red cones; affects about 1% of men; ΔE 37.6 from the original

Deuteranopia#36373Ano green cones; the most common form, about 1% of men; ΔE 38.7 from the original

Tritanopia#680824no blue cones; rare, and affects men and women equally; ΔE 17.6 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text12.83:1WCAG large text: AAA

Contrast with black, large text1.64:1WCAG large text: Fail

Named colours

Purple · ΔE 37.6 Dark slateblue · ΔE 39.4 Pale violetred · ΔE 40.9 Medium violet red · ΔE 41.3 Brown · ΔE 41.8 Dark magenta · ΔE 42.1

Nearest named CSS colourPurple (#800080)ΔE 37.57, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#106034

Analogous#5C1060, #601014

Triadic#3C6010, #103C60

Split complementary#146010, #10605C

Tetradic#605C10, #106034, #101460

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#E359A5

Lighter +30%#DC2D8D

Lighter +20%#B71F73

Lighter +10%#8C1757

Darker −10%#340921

Darker −20%#090105

Darker −30%#000000

Darker −40%#000000

More saturated +25%#6E023D

Less saturated −25%#521E3B

Channel breakdown

R96

G16

B60

Red96 (37.6%)

Green16 (6.3%)

Blue60 (23.5%)

Hue327°

Saturation (HSL)71.43%

Lightness21.96%

Dominant channelRed

Hex per channelR 60 · G 10 · B 3C

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#60103C

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else