Recognised as Colour

#535ABC

#535ABC
Blue
Dark
Nearest: Slate blue

#535ABC is a blue with RGB values 83, 90, 188 and HSL 236°, 44%, 53%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Slate blue.

Colour values

#535ABC#535ABC

HEX#535ABC

RGBrgb(83, 90, 188)

RGB (0–1)0.3255, 0.3529, 0.7373

RGB percentages32.5%, 35.3%, 73.7%

HSLhsl(236, 43.9%, 53.1%)

HSV / HSBhsv(236, 55.9%, 73.7%)

CMYK55.9%, 52.1%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,462,716

CSS custom property--colour: #535ABC;

Brightness & contrast

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

Perceived brightness104.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.9:1

Contrast with white5.9:1WCAG normal text: AA

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

Greyscale equivalent#606060

Inverted#ACA543

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#2469BFno red cones; affects about 1% of men; ΔE 16 from the original

Deuteranopia#1060BAno green cones; the most common form, about 1% of men; ΔE 13.5 from the original

Tritanopia#1B7082no blue cones; rare, and affects men and women equally; ΔE 56.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.9:1WCAG large text: AAA

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

Named colours

Slate blue · ΔE 11.7 Royal blue · ΔE 13.7 Dark slateblue · ΔE 15.7 Medium purple · ΔE 16.8 Rebecca purple · ΔE 20.2 Medium slateblue · ΔE 22

Nearest named CSS colourSlate blue (#6A5ACD)ΔE 11.69, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BCB553

Analogous#538FBC, #8153BC

Triadic#BC535A, #5ABC53

Split complementary#BC8153, #8FBC53

Tetradic#BC538E, #BCB553, #53BC80

Tints, shades & saturation

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

Lighter +40%#E6E7F5

Lighter +30%#C1C4E7

Lighter +20%#9CA0D9

Lighter +10%#787DCA

Darker −10%#3E449E

Darker −20%#2F347A

Darker −30%#212555

Darker −40%#131530

More saturated +25%#3540DA

Less saturated −25%#71749E

Channel breakdown

R83

G90

B188

Red83 (32.5%)

Green90 (35.3%)

Blue188 (73.7%)

Hue236°

Saturation (HSL)43.93%

Lightness53.14%

Dominant channelBlue

Hex per channelR 53 · G 5A · B BC

Keep nerding

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

#535ABC

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