Nerdulator> put something in

Recognised as Colour

#686FE5

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

#686FE5 is a blue with RGB values 104, 111, 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

#686FE5#686FE5
HEX#686FE5
RGBrgb(104, 111, 229)
RGB (0–1)0.4078, 0.4353, 0.898
RGB percentages40.8%, 43.5%, 89.8%
HSLhsl(236.6, 70.6%, 65.3%)
HSV / HSBhsv(236.6, 54.6%, 89.8%)
CMYK54.6%, 51.5%, 0%, 10.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,844,389
CSS custom property--colour: #686FE5;

Brightness & contrast

Relative luminance0.19969WCAG 2.x, 0 is black and 1 is white
Perceived brightness128.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.99:1
Contrast with white4.21:1WCAG normal text: Fail
Contrast with black4.99:1WCAG normal text: AA
Greyscale equivalent#767676
Inverted#97901A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2F81E9no red cones; affects about 1% of men; ΔE 18.5 from the original
Deuteranopia#1877E3no green cones; the most common form, about 1% of men; ΔE 16.1 from the original
Tritanopia#288A9Fno 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.21:1WCAG large text: AA
Contrast with black, large text4.99:1WCAG large text: AAA

Named colours

Royal blue · ΔE 7.1Slate blue · ΔE 9.2Medium slateblue · ΔE 11.6Medium purple · ΔE 13.1Dodgerblue · ΔE 21.9Cornflower blue · ΔE 26.1
Nearest named CSS colourRoyal blue (#4169E1)ΔE 7.13, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E5DE68
Analogous#68AEE5, #A068E5
Triadic#E5686F, #6FE568
Split complementary#E59F68, #AEE568
Tetradic#E568AE, #E5DE68, #68E5A0

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%#3C46DE
Darker −20%#222BC5
Darker −30%#1A229A
Darker −40%#13186E
More saturated +25%#525BFB
Less saturated −25%#7E83CF

Channel breakdown

R104
G111
B229
Red104 (40.8%)
Green111 (43.5%)
Blue229 (89.8%)
Hue236.64°
Saturation (HSL)70.62%
Lightness65.29%
Dominant channelBlue
Hex per channelR 68 · G 6F · 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 “686fe5” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.