Nerdulator> put something in

Recognised as Colour

#687A70

  • #687A70
  • Grey
  • Dark
  • Nearest: Gray

#687A70 is a grey with RGB values 104, 122, 112 and HSL 147°, 8%, 44%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Gray.

Colour values

#687A70#687A70
HEX#687A70
RGBrgb(104, 122, 112)
RGB (0–1)0.4078, 0.4784, 0.4392
RGB percentages40.8%, 47.8%, 43.9%
HSLhsl(146.7, 8%, 44.3%)
HSV / HSBhsv(146.7, 14.8%, 47.8%)
CMYK14.8%, 0%, 8.2%, 52.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,847,088
CSS custom property--colour: #687A70;

Brightness & contrast

Relative luminance0.18032WCAG 2.x, 0 is black and 1 is white
Perceived brightness115.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.61:1
Contrast with white4.56:1WCAG normal text: AA
Contrast with black4.61:1WCAG normal text: AA
Greyscale equivalent#757575
Inverted#97858F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#797770no red cones; affects about 1% of men; ΔE 8.2 from the original
Deuteranopia#767571no green cones; the most common form, about 1% of men; ΔE 8.4 from the original
Tritanopia#657A77no blue cones; rare, and affects men and women equally; ΔE 4.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.56:1WCAG large text: AAA
Contrast with black, large text4.61:1WCAG large text: AAA

Named colours

Gray · ΔE 10.2Dim grey · ΔE 10.7Slate grey · ΔE 15.7Light slate grey · ΔE 17Cadetblue · ΔE 19.2Dark slate grey · ΔE 19.8
Nearest named CSS colourGray (#808080)ΔE 10.19, a distinctly different colour
Hue familygrey
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7A6872
Analogous#697A68, #687A79
Triadic#70687A, #7A7068
Split complementary#79687A, #7A6869
Tetradic#68697A, #7A6872, #7A7968

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#D4DAD7
Lighter +30%#B8C3BD
Lighter +20%#9DABA3
Lighter +10%#819489
Darker −10%#515E57
Darker −20%#39433D
Darker −30%#222724
Darker −40%#0A0C0B
More saturated +25%#4C966D
Less saturated −25%#717171

Channel breakdown

R104
G122
B112
Red104 (40.8%)
Green122 (47.8%)
Blue112 (43.9%)
Hue146.67°
Saturation (HSL)7.96%
Lightness44.31%
Dominant channelGreen
Hex per channelR 68 · G 7A · B 70

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