Colour

#5760BA

#5760BA
Blue
Dark
Nearest: Dark slateblue

#5760BA is a blue with RGB values 87, 96, 186 and HSL 235°, 42%, 54%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Dark slateblue.

Colour values

#5760BA#5760BA

HEX#5760BA

RGBrgb(87, 96, 186)

RGB (0–1)0.3412, 0.3765, 0.7294

RGB percentages34.1%, 37.6%, 72.9%

HSLhsl(234.5, 41.8%, 53.5%)

HSV / HSBhsv(234.5, 53.2%, 72.9%)

CMYK53.2%, 48.4%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,726,394

CSS custom property--colour: #5760BA;

Brightness & contrast

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

Perceived brightness107.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.54:1

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

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

Greyscale equivalent#656565

Inverted#A89F45

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#366DBDno red cones; affects about 1% of men; ΔE 13.5 from the original

Deuteranopia#2B64B8no green cones; the most common form, about 1% of men; ΔE 11 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark slateblue · ΔE 15.4 Slate blue · ΔE 16.4 Royal blue · ΔE 17.3 Medium purple · ΔE 18.1 Cornflower blue · ΔE 22 Rebecca purple · ΔE 23.5

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BAB157

Analogous#5792BA, #7F57BA

Triadic#BA5760, #60BA57

Split complementary#BA8057, #91BA57

Tetradic#BA5792, #BAB157, #57BA80

Tints, shades & saturation

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

Lighter +40%#E8E9F5

Lighter +30%#C3C7E7

Lighter +20%#9FA4D8

Lighter +10%#7B82C9

Darker −10%#41499D

Darker −20%#323879

Darker −30%#232755

Darker −40%#141731

More saturated +25%#3948D8

Less saturated −25%#75789C

Channel breakdown

R87

G96

B186

Red87 (34.1%)

Green96 (37.6%)

Blue186 (72.9%)

Hue234.55°

Saturation (HSL)41.77%

Lightness53.53%

Dominant channelBlue

Hex per channelR 57 · G 60 · B BA

Keep nerding

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

#5760BA

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