Nerdulator> put something in

Recognised as Colour

#686EE5

  • #686EE5
  • Blue
  • Dark
  • Nearest: Royal blue

#686EE5 is a blue with RGB values 104, 110, 229 and HSL 237°, 71%, 65%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#686EE5#686EE5
HEX#686EE5
RGBrgb(104, 110, 229)
RGB (0–1)0.4078, 0.4314, 0.898
RGB percentages40.8%, 43.1%, 89.8%
HSLhsl(237.1, 70.6%, 65.3%)
HSV / HSBhsv(237.1, 54.6%, 89.8%)
CMYK54.6%, 52%, 0%, 10.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,844,133
CSS custom property--colour: #686EE5;

Brightness & contrast

Relative luminance0.19752WCAG 2.x, 0 is black and 1 is white
Perceived brightness127.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.95:1
Contrast with white4.24:1WCAG normal text: Fail
Contrast with black4.95:1WCAG normal text: AA
Greyscale equivalent#757575
Inverted#97911A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2C80E9no red cones; affects about 1% of men; ΔE 18.7 from the original
Deuteranopia#1376E2no green cones; the most common form, about 1% of men; ΔE 16.7 from the original
Tritanopia#29899Fno blue cones; rare, and affects men and women equally; ΔE 65.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.24:1WCAG large text: AA
Contrast with black, large text4.95:1WCAG large text: AAA

Named colours

Royal blue · ΔE 7.1Slate blue · ΔE 8.8Medium slateblue · ΔE 10.9Medium purple · ΔE 13.2Dodgerblue · ΔE 22.5Rebecca purple · ΔE 26.3
Nearest named CSS colourRoyal blue (#4169E1)ΔE 7.15, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E5DF68
Analogous#68ADE5, #A168E5
Triadic#E5686E, #6EE568
Split complementary#E5A168, #ACE568
Tetradic#E568AD, #E5DF68, #68E5A1

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#EBEBFB
Lighter +20%#BFC2F4
Lighter +10%#9498EC
Darker −10%#3C44DE
Darker −20%#222AC5
Darker −30%#1A219A
Darker −40%#13176E
More saturated +25%#525AFB
Less saturated −25%#7E82CF

Channel breakdown

R104
G110
B229
Red104 (40.8%)
Green110 (43.1%)
Blue229 (89.8%)
Hue237.12°
Saturation (HSL)70.62%
Lightness65.29%
Dominant channelBlue
Hex per channelR 68 · G 6E · B E5

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 “686ee5” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.