Recognised as Colour

#6F6A6E

#6F6A6E
Grey
Dark
Nearest: Dim grey

#6F6A6E is a grey with RGB values 111, 106, 110 and HSL 312°, 2%, 43%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#6F6A6E#6F6A6E

HEX#6F6A6E

RGBrgb(111, 106, 110)

RGB (0–1)0.4353, 0.4157, 0.4314

RGB percentages43.5%, 41.6%, 43.1%

HSLhsl(312, 2.3%, 42.5%)

HSV / HSBhsv(312, 4.5%, 43.5%)

CMYK0%, 4.5%, 0.9%, 56.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,301,742

CSS custom property--colour: #6F6A6E;

Brightness & contrast

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

Perceived brightness108 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.3:1

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

Contrast with black3.96:1WCAG normal text: Fail

Greyscale equivalent#6B6B6B

Inverted#909591

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#706A6Bno blue cones; rare, and affects men and women equally; ΔE 1.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text3.96:1WCAG large text: AA

Named colours

Dim grey · ΔE 3.3 Gray · ΔE 8.8 Slate grey · ΔE 12.7 Light slate grey · ΔE 15.1 Dark slate grey · ΔE 20.3 Dark grey · ΔE 24.1

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

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6A6F6B

Analogous#6E6A6F, #6F6A6C

Triadic#6E6F6A, #6A6E6F

Split complementary#6C6F6A, #6A6F6E

Tetradic#6F6E6A, #6A6F6B, #6A6C6F

Tints, shades & saturation

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

Lighter +40%#D4D1D3

Lighter +30%#BBB7BA

Lighter +20%#A29DA1

Lighter +10%#898388

Darker −10%#555154

Darker −20%#3B383A

Darker −30%#211F20

Darker −40%#070607

More saturated +25%#8A4F7E

Less saturated −25%#6D6D6D

Channel breakdown

R111

G106

B110

Red111 (43.5%)

Green106 (41.6%)

Blue110 (43.1%)

Hue312°

Saturation (HSL)2.3%

Lightness42.55%

Dominant channelRed

Hex per channelR 6F · G 6A · B 6E

Keep nerding

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

#6F6A6E

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