CSS Color: DimGray
Named CSS color DimGray — #696969 in HEX, rgb(105, 105, 105) in RGB, hsl(0, 0%, 41%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DimGray | color: DimGray; |
| HEX | #696969 | color: #696969; |
| RGB | rgb(105, 105, 105) | color: rgb(105, 105, 105); |
| HSL | hsl(0, 0%, 41%) | color: hsl(0, 0%, 41%); |
About DimGray
DimGray is a medium-dark gray that is noticeably darker than standard Gray. At hex `#696969`, all three RGB channels are equal at 105 with zero saturation and 41% lightness.
In web design, DimGray is excellent for secondary text, labels, and subtle UI elements. It is dark enough to be clearly readable on light backgrounds while being obviously lighter than primary text, creating a natural visual hierarchy.
For accessibility, DimGray against white achieves approximately 5.9:1 contrast, passing WCAG AA for all text sizes and AAA for large text. This makes it one of the most practical colors for secondary text, timestamps, and caption content.
DimGray is darker than Gray but lighter than SlateGray (which has a blue tint). Its pure neutrality makes it compatible with any color scheme. It pairs well with white, light gray, and any accent color. In Tailwind CSS, `gray-600` or `zinc-600` provide close matches.
FAQ
What is the hex code for DimGray?
The CSS named color DimGray has the hex code #696969. You can use it in CSS as color: #696969; or simply color: DimGray;.
What is DimGray in RGB?
In RGB notation, DimGray is rgb(105, 105, 105). Use it in CSS as color: rgb(105, 105, 105);.
What is DimGray in HSL?
In HSL notation, DimGray is hsl(0, 0%, 41%). Use it in CSS as color: hsl(0, 0%, 41%);.
What color category is DimGray?
DimGray belongs to the Gray color family in the CSS named colors specification.
Can I use the name "DimGray" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DimGray; or background-color: DimGray; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert DimGray to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →