Colour

#535CAC

#535CAC
Blue
Dark
Nearest: Dark slateblue

#535CAC is a blue with RGB values 83, 92, 172 and HSL 234°, 35%, 50%. It is a dark colour, so white text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Dark slateblue.

Colour values

#535CAC#535CAC

HEX#535CAC

RGBrgb(83, 92, 172)

RGB (0–1)0.3255, 0.3608, 0.6745

RGB percentages32.5%, 36.1%, 67.5%

HSLhsl(233.9, 34.9%, 50%)

HSV / HSBhsv(233.9, 51.7%, 67.5%)

CMYK51.7%, 46.5%, 0%, 32.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,463,212

CSS custom property--colour: #535CAC;

Brightness & contrast

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

Perceived brightness102 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.01:1

Contrast with white6.01:1WCAG normal text: AA

Contrast with black3.49:1WCAG normal text: Fail

Greyscale equivalent#606060

Inverted#ACA353

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3967AFno red cones; affects about 1% of men; ΔE 11.4 from the original

Deuteranopia#3060AAno green cones; the most common form, about 1% of men; ΔE 10.1 from the original

Tritanopia#2D6D7Bno blue cones; rare, and affects men and women equally; ΔE 46.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.01:1WCAG large text: AAA

Contrast with black, large text3.49:1WCAG large text: AA

Named colours

Dark slateblue · ΔE 13.1 Slate blue · ΔE 21.8 Medium purple · ΔE 22.5 Cornflower blue · ΔE 23 Royal blue · ΔE 23 Rebecca purple · ΔE 25.3

Nearest named CSS colourDark slateblue (#483D8B)ΔE 13.11, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#ACA353

Analogous#5389AC, #7753AC

Triadic#AC535C, #5CAC53

Split complementary#AC7753, #89AC53

Tetradic#AC5388, #ACA353, #53AC76

Tints, shades & saturation

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

Lighter +40%#DDDEEE

Lighter +30%#BABEDE

Lighter +20%#989DCD

Lighter +10%#757DBD

Darker −10%#424A8A

Darker −20%#323767

Darker −30%#212545

Darker −40%#111222

More saturated +25%#3343CC

Less saturated −25%#73758C

Channel breakdown

R83

G92

B172

Red83 (32.5%)

Green92 (36.1%)

Blue172 (67.5%)

Hue233.93°

Saturation (HSL)34.9%

Lightness50%

Dominant channelBlue

Hex per channelR 53 · G 5C · B AC

Keep nerding

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

#535CAC

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