Skip to content
  • No data uploaded
  • Instant results

Dim Gray — #696969

Dim Gray is the CSS named colour dimgray, hex #696969. It has a contrast ratio of 5.49:1 on white and 3.83:1 on black — readable as text on white backgrounds (WCAG AA).

Dim Gray — #696969

Contrast on white 5.49:1 · on black 3.83:1

Tints
Shades
Complementary
Triadic
Analogous

Free Dim Gray — #696969 by pGento

Using Dim Gray in code

CSS: color: dimgray; or color: #696969; · Tailwind: text-[#696969] · Android/Flutter: 0xFF696969

Dim Gray colour harmonies

Complementary: #696969 · Triadic: #696969, #696969 · Analogous: #696969, #696969. Use tints for backgrounds and shades for hover states.

Dim Gray in every colour format

FormatValue
HEX#696969
RGBrgb(105, 105, 105)
HSLhsl(0, 0%, 41%)
HSVhsv(0, 0%, 41%)
CMYKcmyk(0%, 0%, 0%, 59%)
CSS namedimgray
Contrast on white5.49:1
Contrast on black3.83:1

Frequently asked questions

What is the hex code for Dim Gray?
#696969 (CSS name: dimgray).
What is Dim Gray in RGB?
rgb(105, 105, 105)
What colour goes well with Dim Gray?
Its complementary colour #696969, or the analogous #696969 and #696969.
Dim Gray — #696969

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.