Nerdulator> put something in

Recognised as Colour

#5861BA

  • #5861BA
  • Blue
  • Dark
  • Nearest: Dark slateblue

#5861BA is a blue with RGB values 88, 97, 186 and HSL 234°, 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

#5861BA#5861BA
HEX#5861BA
RGBrgb(88, 97, 186)
RGB (0–1)0.3451, 0.3804, 0.7294
RGB percentages34.5%, 38%, 72.9%
HSLhsl(234.5, 41.5%, 53.7%)
HSV / HSBhsv(234.5, 52.7%, 72.9%)
CMYK52.7%, 47.8%, 0%, 27.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,792,186
CSS custom property--colour: #5861BA;

Brightness & contrast

Relative luminance0.14169WCAG 2.x, 0 is black and 1 is white
Perceived brightness108.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.48:1
Contrast with white5.48:1WCAG normal text: AA
Contrast with black3.83:1WCAG normal text: Fail
Greyscale equivalent#666666
Inverted#A79E45

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#386DBDno red cones; affects about 1% of men; ΔE 12.7 from the original
Deuteranopia#2E65B8no green cones; the most common form, about 1% of men; ΔE 10.8 from the original
Tritanopia#2C7484no blue cones; rare, and affects men and women equally; ΔE 50.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.48:1WCAG large text: AAA
Contrast with black, large text3.83:1WCAG large text: AA

Named colours

Dark slateblue · ΔE 15.5Slate blue · ΔE 17Royal blue · ΔE 17.9Medium purple · ΔE 18.3Cornflower blue · ΔE 21.6Rebecca purple · ΔE 24
Nearest named CSS colourDark slateblue (#483D8B)ΔE 15.53, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BAB158
Analogous#5892BA, #8058BA
Triadic#BA5861, #61BA58
Split complementary#BA8058, #92BA58
Tetradic#BA5892, #BAB158, #58BA80

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E8EAF6
Lighter +30%#C4C7E7
Lighter +20%#A0A5D8
Lighter +10%#7C83C9
Darker −10%#414A9E
Darker −20%#32397A
Darker −30%#232856
Darker −40%#141732
More saturated +25%#3A49D8
Less saturated −25%#76799C

Channel breakdown

R88
G97
B186
Red88 (34.5%)
Green97 (38%)
Blue186 (72.9%)
Hue234.49°
Saturation (HSL)41.53%
Lightness53.73%
Dominant channelBlue
Hex per channelR 58 · G 61 · B BA

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “5861ba” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.