Recognised as Colour

#686F7E

#686F7E
Blue
Dark
Nearest: Slate grey

#686F7E is a blue with RGB values 104, 111, 126 and HSL 221°, 10%, 45%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#686F7E#686F7E

HEX#686F7E

RGBrgb(104, 111, 126)

RGB (0–1)0.4078, 0.4353, 0.4941

RGB percentages40.8%, 43.5%, 49.4%

HSLhsl(220.9, 9.6%, 45.1%)

HSV / HSBhsv(220.9, 17.5%, 49.4%)

CMYK17.5%, 11.9%, 0%, 50.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,844,286

CSS custom property--colour: #686F7E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.04:1

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

Contrast with black4.16:1WCAG normal text: Fail

Greyscale equivalent#6F6F6F

Inverted#979081

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6B707Fno red cones; affects about 1% of men; ΔE 0.9 from the original

Deuteranopia#696E7Eno green cones; the most common form, about 1% of men; ΔE 1 from the original

Tritanopia#637274no blue cones; rare, and affects men and women equally; ΔE 8.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text4.16:1WCAG large text: AA

Named colours

Slate grey · ΔE 6.9 Dim grey · ΔE 9.5 Light slate grey · ΔE 9.8 Gray · ΔE 11.5 Dark slate grey · ΔE 20.6 Steel blue · ΔE 24.2

Nearest named CSS colourSlate grey (#708090)ΔE 6.89, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7E7768

Analogous#687A7E, #6C687E

Triadic#7E686F, #6F7E68

Split complementary#7E6C68, #7A7E68

Tetradic#7E687A, #7E7768, #687E6C

Tints, shades & saturation

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

Lighter +40%#D5D8DD

Lighter +30%#B9BDC6

Lighter +20%#9DA3AF

Lighter +10%#828997

Darker −10%#515662

Darker −20%#3A3E46

Darker −30%#23252A

Darker −40%#0C0D0E

More saturated +25%#4B659B

Less saturated −25%#737373

Channel breakdown

R104

G111

B126

Red104 (40.8%)

Green111 (43.5%)

Blue126 (49.4%)

Hue220.91°

Saturation (HSL)9.57%

Lightness45.1%

Dominant channelBlue

Hex per channelR 68 · G 6F · B 7E

Keep nerding

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

#686F7E

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