Colour

#57377D

#57377D
Violet
Dark
Nearest: Dark slateblue

#57377D is a violet with RGB values 87, 55, 125 and HSL 267°, 39%, 35%. It is a dark colour, so white text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#57377D#57377D

HEX#57377D

RGBrgb(87, 55, 125)

RGB (0–1)0.3412, 0.2157, 0.4902

RGB percentages34.1%, 21.6%, 49%

HSLhsl(267.4, 38.9%, 35.3%)

HSV / HSBhsv(267.4, 56%, 49%)

CMYK30.4%, 56%, 0%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,715,837

CSS custom property--colour: #57377D;

Brightness & contrast

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

Perceived brightness76.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.34:1

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

Contrast with black2.25:1WCAG normal text: Fail

Greyscale equivalent#434343

Inverted#A8C882

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#28467Bno green cones; the most common form, about 1% of men; ΔE 22.2 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text2.25:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 8.3 Rebecca purple · ΔE 18.5 Midnight blue · ΔE 20.7 Slate blue · ΔE 28.5 Purple · ΔE 29.4 Medium purple · ΔE 30.3

Nearest named CSS colourDark slateblue (#483D8B)ΔE 8.3, clearly different but related

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5D7D37

Analogous#373A7D, #7A377D

Triadic#7D5737, #377D57

Split complementary#7D7A37, #3A7D37

Tetradic#7D373A, #5D7D37, #377D7A

Tints, shades & saturation

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

Lighter +40%#BEA7D8

Lighter +30%#A484C9

Lighter +20%#8961B9

Lighter +10%#7047A0

Darker −10%#3E275A

Darker −20%#261836

Darker −30%#0D0813

Darker −40%#000000

More saturated +25%#552093

Less saturated −25%#594E67

Channel breakdown

R87

G55

B125

Red87 (34.1%)

Green55 (21.6%)

Blue125 (49%)

Hue267.43°

Saturation (HSL)38.89%

Lightness35.29%

Dominant channelBlue

Hex per channelR 57 · G 37 · B 7D

Keep nerding

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

#57377D

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