Nerdulator> put something in

Colour

#676B61

  • #676B61
  • Grey
  • Dark
  • Nearest: Dim grey

#676B61 is a grey with RGB values 103, 107, 97 and HSL 84°, 5%, 40%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#676B61#676B61
HEX#676B61
RGBrgb(103, 107, 97)
RGB (0–1)0.4039, 0.4196, 0.3804
RGB percentages40.4%, 42%, 38%
HSLhsl(84, 4.9%, 40%)
HSV / HSBhsv(84, 9.3%, 42%)
CMYK3.7%, 0%, 9.3%, 58%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,777,697
CSS custom property--colour: #676B61;

Brightness & contrast

Relative luminance0.14262WCAG 2.x, 0 is black and 1 is white
Perceived brightness104.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.45:1
Contrast with white5.45:1WCAG normal text: AA
Contrast with black3.85:1WCAG normal text: Fail
Greyscale equivalent#696969
Inverted#98949E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#6C6A60no red cones; affects about 1% of men; ΔE 2.5 from the original
Deuteranopia#6C6961no green cones; the most common form, about 1% of men; ΔE 3.2 from the original
Tritanopia#686A68no blue cones; rare, and affects men and women equally; ΔE 4.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.45:1WCAG large text: AAA
Contrast with black, large text3.85:1WCAG large text: AA

Named colours

Dim grey · ΔE 6.2Gray · ΔE 10.9Slate grey · ΔE 17.7Dark slate grey · ΔE 18Light slate grey · ΔE 19.8Dark grey · ΔE 25.4
Nearest named CSS colourDim grey (#696969)ΔE 6.2, clearly different but related
Hue familygrey
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#65616B
Analogous#6B6A61, #626B61
Triadic#61676B, #6B6167
Split complementary#61626B, #6A616B
Tetradic#616B6A, #65616B, #6B6162

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CDCFCA
Lighter +30%#B3B6AF
Lighter +20%#9A9E94
Lighter +10%#818679
Darker −10%#4D5049
Darker −20%#343631
Darker −30%#1A1B18
Darker −40%#000000
More saturated +25%#6C8548
Less saturated −25%#666666

Channel breakdown

R103
G107
B97
Red103 (40.4%)
Green107 (42%)
Blue97 (38%)
Hue84°
Saturation (HSL)4.9%
Lightness40%
Dominant channelGreen
Hex per channelR 67 · G 6B · B 61

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