Nerdulator> put something in

Recognised as Colour

#687E9D

  • #687E9D
  • Blue
  • Dark
  • Nearest: Slate grey

#687E9D is a blue with RGB values 104, 126, 157 and HSL 215°, 21%, 51%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#687E9D#687E9D
HEX#687E9D
RGBrgb(104, 126, 157)
RGB (0–1)0.4078, 0.4941, 0.6157
RGB percentages40.8%, 49.4%, 61.6%
HSLhsl(215.1, 21.3%, 51.2%)
HSV / HSBhsv(215.1, 33.8%, 61.6%)
CMYK33.8%, 19.7%, 0%, 38.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,848,157
CSS custom property--colour: #687E9D;

Brightness & contrast

Relative luminance0.20299WCAG 2.x, 0 is black and 1 is white
Perceived brightness123.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.06:1
Contrast with white4.15:1WCAG normal text: Fail
Contrast with black5.06:1WCAG normal text: AA
Greyscale equivalent#7C7C7C
Inverted#978162

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#737F9Eno red cones; affects about 1% of men; ΔE 3.5 from the original
Deuteranopia#6D7A9Cno green cones; the most common form, about 1% of men; ΔE 3.8 from the original
Tritanopia#588588no blue cones; rare, and affects men and women equally; ΔE 19.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.15:1WCAG large text: AA
Contrast with black, large text5.06:1WCAG large text: AAA

Named colours

Slate grey · ΔE 8.9Light slate grey · ΔE 9.1Steel blue · ΔE 13.6Gray · ΔE 19.2Dim grey · ΔE 20.7Cadetblue · ΔE 24.5
Nearest named CSS colourSlate grey (#708090)ΔE 8.87, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#9D8768
Analogous#68989D, #6D689D
Triadic#9D687E, #7E9D68
Split complementary#9D6D68, #989D68
Tetradic#9D6898, #9D8768, #689D6D

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E4E8ED
Lighter +30%#C5CDD9
Lighter +20%#A6B3C5
Lighter +10%#8798B1
Darker −10%#53657F
Darker −20%#3F4D60
Darker −30%#2B3441
Darker −40%#161B23
More saturated +25%#4979BC
Less saturated −25%#838383

Channel breakdown

R104
G126
B157
Red104 (40.8%)
Green126 (49.4%)
Blue157 (61.6%)
Hue215.09°
Saturation (HSL)21.29%
Lightness51.18%
Dominant channelBlue
Hex per channelR 68 · G 7E · B 9D

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