Colour

#58148E

#58148E
Violet
Dark
Nearest: Indigo

#58148E is a violet with RGB values 88, 20, 142 and HSL 273°, 75%, 32%. It is a dark colour, so white text on it reaches 11:1 contrast (AAA for normal text). The nearest named colour is Indigo.

Colour values

#58148E#58148E

HEX#58148E

RGBrgb(88, 20, 142)

RGB (0–1)0.3451, 0.0784, 0.5569

RGB percentages34.5%, 7.8%, 55.7%

HSLhsl(273.4, 75.3%, 31.8%)

HSV / HSBhsv(273.4, 85.9%, 55.7%)

CMYK38%, 85.9%, 0%, 44.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,772,430

CSS custom property--colour: #58148E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 11.02:1

Contrast with white11.02:1WCAG normal text: AAA

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

Greyscale equivalent#2B2B2B

Inverted#A7EB71

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#003B91no red cones; affects about 1% of men; ΔE 31.1 from the original

Deuteranopia#003C8Cno green cones; the most common form, about 1% of men; ΔE 34.1 from the original

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

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

Contrast with white, large text11.02:1WCAG large text: AAA

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

Named colours

Indigo · ΔE 5 Rebecca purple · ΔE 12.4 Navy · ΔE 17.5 Purple · ΔE 18.6 Dark blue · ΔE 19.1 Dark magenta · ΔE 19.6

Nearest named CSS colourIndigo (#4B0082)ΔE 4.96, a close match

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4A8E14

Analogous#1B148E, #8E1487

Triadic#8E5814, #148E58

Split complementary#878E14, #148E1B

Tetradic#8E1B14, #4A8E14, #14878E

Tints, shades & saturation

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

Lighter +40%#BD81ED

Lighter +30%#A654E7

Lighter +20%#8F27E1

Lighter +10%#741ABB

Darker −10%#3C0E61

Darker −20%#210735

Darker −30%#050108

Darker −40%#000000

More saturated +25%#5A00A2

Less saturated −25%#56287A

Channel breakdown

R88

G20

B142

Red88 (34.5%)

Green20 (7.8%)

Blue142 (55.7%)

Hue273.44°

Saturation (HSL)75.31%

Lightness31.76%

Dominant channelBlue

Hex per channelR 58 · G 14 · B 8E

Keep nerding

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

#58148E

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