Colour

#5A5568

#5A5568
Violet
Dark
Nearest: Dim grey

#5A5568 is a violet with RGB values 90, 85, 104 and HSL 256°, 10%, 37%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#5A5568#5A5568

HEX#5A5568

RGBrgb(90, 85, 104)

RGB (0–1)0.3529, 0.3333, 0.4078

RGB percentages35.3%, 33.3%, 40.8%

HSLhsl(255.8, 10.1%, 37.1%)

HSV / HSBhsv(255.8, 18.3%, 40.8%)

CMYK13.5%, 18.3%, 0%, 59.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,920,104

CSS custom property--colour: #5A5568;

Brightness & contrast

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

Perceived brightness88.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.16:1

Contrast with white7.16:1WCAG normal text: AAA

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

Greyscale equivalent#575757

Inverted#A5AA97

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#515869no red cones; affects about 1% of men; ΔE 4.9 from the original

Deuteranopia#525767no green cones; the most common form, about 1% of men; ΔE 4.4 from the original

Tritanopia#58585Bno blue cones; rare, and affects men and women equally; ΔE 10.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.16:1WCAG large text: AAA

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

Named colours

Dim grey · ΔE 13.9 Slate grey · ΔE 17.7 Dark slate grey · ΔE 20 Gray · ΔE 20.2 Light slate grey · ΔE 20.5 Steel blue · ΔE 28.7

Nearest named CSS colourDim grey (#696969)ΔE 13.94, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#636855

Analogous#555A68, #645568

Triadic#685A55, #55685A

Split complementary#686455, #5A6855

Tetradic#68555A, #636855, #556864

Tints, shades & saturation

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

Lighter +40%#C2BFCA

Lighter +30%#A7A3B3

Lighter +20%#8C869D

Lighter +10%#726C84

Darker −10%#423E4C

Darker −20%#292730

Darker −30%#111014

Darker −40%#000000

More saturated +25%#4F3D80

Less saturated −25%#5F5F5F

Channel breakdown

R90

G85

B104

Red90 (35.3%)

Green85 (33.3%)

Blue104 (40.8%)

Hue255.79°

Saturation (HSL)10.05%

Lightness37.06%

Dominant channelBlue

Hex per channelR 5A · G 55 · B 68

Keep nerding

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

#5A5568

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