Recognised as Colour

#500C63

#500C63
Violet
Dark
Nearest: Rebecca purple

#500C63 is a violet with RGB values 80, 12, 99 and HSL 287°, 78%, 22%. It is a dark colour, so white text on it reaches 13.3:1 contrast (AAA for normal text). The nearest named colour is Rebecca purple.

Colour values

#500C63#500C63

HEX#500C63

RGBrgb(80, 12, 99)

RGB (0–1)0.3137, 0.0471, 0.3882

RGB percentages31.4%, 4.7%, 38.8%

HSLhsl(286.9, 78.4%, 21.8%)

HSV / HSBhsv(286.9, 87.9%, 38.8%)

CMYK19.2%, 87.9%, 0%, 61.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,246,051

CSS custom property--colour: #500C63;

Brightness & contrast

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

Perceived brightness55.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.34:1

Contrast with white13.34:1WCAG normal text: AAA

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

Greyscale equivalent#212121

Inverted#AFF39C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#002B65no red cones; affects about 1% of men; ΔE 30.4 from the original

Deuteranopia#0D3161no green cones; the most common form, about 1% of men; ΔE 35.4 from the original

Tritanopia#4F2139no blue cones; rare, and affects men and women equally; ΔE 34.5 from the original

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

Contrast with white, large text13.34:1WCAG large text: AAA

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

Named colours

Rebecca purple · ΔE 18.2 Midnight blue · ΔE 18.7 Purple · ΔE 19.4 Indigo · ΔE 20.7 Dark slateblue · ΔE 21.3 Dark magenta · ΔE 24.2

Nearest named CSS colourRebecca purple (#663399)ΔE 18.21, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1F630C

Analogous#240C63, #630C4B

Triadic#63500C, #0C6350

Split complementary#4B630C, #0C6324

Tetradic#63240C, #1F630C, #0C4B63

Tints, shades & saturation

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

Lighter +40%#C951EA

Lighter +30%#BA24E4

Lighter +20%#9A17BE

Lighter +10%#751290

Darker −10%#2B0636

Darker −20%#060108

Darker −30%#000000

Darker −40%#000000

More saturated +25%#57006F

Less saturated −25%#481A55

Channel breakdown

R80

G12

B99

Red80 (31.4%)

Green12 (4.7%)

Blue99 (38.8%)

Hue286.9°

Saturation (HSL)78.38%

Lightness21.76%

Dominant channelBlue

Hex per channelR 50 · G 0C · B 63

Keep nerding

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

#500C63

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