Colour

#6C707A

#6C707A
Grey
Dark
Nearest: Dim grey

#6C707A is a grey with RGB values 108, 112, 122 and HSL 223°, 6%, 45%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#6C707A#6C707A

HEX#6C707A

RGBrgb(108, 112, 122)

RGB (0–1)0.4235, 0.4392, 0.4784

RGB percentages42.4%, 43.9%, 47.8%

HSLhsl(222.9, 6.1%, 45.1%)

HSV / HSBhsv(222.9, 11.5%, 47.8%)

CMYK11.5%, 8.2%, 0%, 52.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,106,682

CSS custom property--colour: #6C707A;

Brightness & contrast

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

Perceived brightness112 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.96:1

Contrast with white4.96:1WCAG normal text: AA

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

Greyscale equivalent#707070

Inverted#938F85

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.96:1WCAG large text: AAA

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

Named colours

Dim grey · ΔE 6.7 Slate grey · ΔE 7.7 Gray · ΔE 8.8 Light slate grey · ΔE 10.5 Dark slate grey · ΔE 20.3 Dark grey · ΔE 22.8

Nearest named CSS colourDim grey (#696969)ΔE 6.69, clearly different but related

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7A766C

Analogous#6C777A, #6F6C7A

Triadic#7A6C70, #707A6C

Split complementary#7A6F6C, #777A6C

Tetradic#7A6C77, #7A766C, #6C7A6F

Tints, shades & saturation

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

Lighter +40%#D7D8DB

Lighter +30%#BCBEC3

Lighter +20%#A1A4AB

Lighter +10%#868A93

Darker −10%#54575F

Darker −20%#3C3E44

Darker −30%#242529

Darker −40%#0C0D0E

More saturated +25%#4F6497

Less saturated −25%#737373

Channel breakdown

R108

G112

B122

Red108 (42.4%)

Green112 (43.9%)

Blue122 (47.8%)

Hue222.86°

Saturation (HSL)6.09%

Lightness45.1%

Dominant channelBlue

Hex per channelR 6C · G 70 · B 7A

Keep nerding

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

#6C707A

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