CSS named color
DimGray
#696969
HEX
#696969RGB
rgb(105, 105, 105)HSL
hsl(0, 0%, 41%)OKLCH
oklch(52.08% 0.0000 89.88)NAME
dimgrayPalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueTriadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: dimgray;
background-color: dimgray;By HEX
color: #696969;
background-color: #696969;By RGB
color: rgb(105, 105, 105);
background-color: rgb(105, 105, 105);By HSL
color: hsl(0, 0%, 41%);
background-color: hsl(0, 0%, 41%);WCAG contrast vs white
Aa
5.49:1
AA
WCAG contrast vs black
Aa
3.83:1
AA (large text)
Related colors
FAQ — DimGray
What is the HEX code for DimGray?
The HEX code for DimGray is #696969. It's one of the 148 named CSS colors and can be used directly in CSS as color: dimgray; or color: #696969;
What is DimGray in RGB?
DimGray in RGB is rgb(105, 105, 105) — red 105, green 105, blue 105.
What is DimGray in HSL?
DimGray in HSL is hsl(0, 0%, 41%) — hue 0°, saturation 0%, lightness 41%.
What is the complementary color of DimGray?
The complementary color (directly opposite DimGray on the color wheel) is #696969. The two together produce maximum contrast.
Is white text readable on DimGray?
The WCAG contrast ratio against white (#FFFFFF) is 5.49:1, and against black (#000000) it's 3.83:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.