#6f6670

Color #6f6670

A nearly neutral, gray-leaning medium magenta.

Closest named color Dim Gray #696969 · ΔE 7.04 Nearest Tailwind class mauve-500 #79697b · ΔE 5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#6f6670

RGB

rgb(111, 102, 112)

HSL

hsl(294, 4.7%, 42%)

HSV / HSB

hsv(294, 8.9%, 43.9%)

CMYK

cmyk(0.9%, 8.9%, 0%, 56.1%)

LAB

lab(44.31, 5.56, -4.32)

LCH

lch(44.31, 7.04, 322.15)

OKLCH

oklch(52.2%, 0.019, 322.71)

HWB

hwb(294, 40%, 56.1%)

Harmony colors

Complementary

#677066

Analogous

#6a6670

#6f6670

#70666c

Triadic

#6f6670

#706f66

#66706f

Split-complementary

#6f6670

#6c7066

#66706a

Tetradic

#6f6670

#706667

#677066

#66706f

Square

#6f6670

#706a66

#677066

#666c70

Shades

Color #6f6670 mixed toward black.

#5d555d

#4a444b

#383338

#252225

#131113

Tints

Color #6f6670 mixed toward white.

#887e8a

#a098a1

#b8b2b9

#d0cbd0

#e7e5e8

Tones

Color #6f6670 mixed toward gray.

#6e676f

#6e686e

#6d696e

#6c696d

#6c6a6c

Accessibility

Aa White text on this color

5.51:1

Aa Black text on this color

3.81:1

White text reads better on this background (5.51:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6b6b6e · ΔE 6.4

Deuteranopia

#6c6c6d · ΔE 7.4

Tritanopia

#6f6c6b · ΔE 7.3

Achromatopsia

#696969 · ΔE 7.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #6f6670;

Tailwind (arbitrary value)

bg-[#6f6670]

Related colors

Medium Orchid #ba55d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#6f6670 (#6f6670) is rgb(111, 102, 112) in RGB.

No, #6f6670 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #6f6670, or check how it holds up for accessibility.

Generate a palette → Check contrast