Colour

#686F72

#686F72
Grey
Dark
Nearest: Dim grey

#686F72 is a grey with RGB values 104, 111, 114 and HSL 198°, 5%, 43%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#686F72#686F72

HEX#686F72

RGBrgb(104, 111, 114)

RGB (0–1)0.4078, 0.4353, 0.4471

RGB percentages40.8%, 43.5%, 44.7%

HSLhsl(198, 4.6%, 42.7%)

HSV / HSBhsv(198, 8.8%, 44.7%)

CMYK8.8%, 2.6%, 0%, 55.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,844,274

CSS custom property--colour: #686F72;

Brightness & contrast

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

Perceived brightness109.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.12:1

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

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

Greyscale equivalent#6E6E6E

Inverted#97908D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#6C6D72no green cones; the most common form, about 1% of men; ΔE 2.7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 3.8 Gray · ΔE 7.9 Slate grey · ΔE 10.3 Light slate grey · ΔE 12.8 Dark slate grey · ΔE 18 Dark grey · ΔE 23.1

Nearest named CSS colourDim grey (#696969)ΔE 3.8, a close match

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#726B68

Analogous#687270, #686A72

Triadic#72686F, #6F7268

Split complementary#72686A, #727068

Tetradic#706872, #726B68, #6A7268

Tints, shades & saturation

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

Lighter +40%#D1D4D5

Lighter +30%#B6BBBD

Lighter +20%#9CA2A4

Lighter +10%#81898C

Darker −10%#505557

Darker −20%#373B3D

Darker −30%#1F2122

Darker −40%#070707

More saturated +25%#4D7A8D

Less saturated −25%#6D6D6D

Channel breakdown

R104

G111

B114

Red104 (40.8%)

Green111 (43.5%)

Blue114 (44.7%)

Hue198°

Saturation (HSL)4.59%

Lightness42.75%

Dominant channelBlue

Hex per channelR 68 · G 6F · B 72

Keep nerding

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

#686F72

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