Coloried

Dim Gray

Dim Gray color is a dark shade of gray. Its hex code is #696969 and rgb code is rgb(105, 105, 105), Its CMYK value is cmyk(0%, 0%, 0%, 59%), and Its HSL value is hsl(0, 0%, 41%). Against white, its contrast ratio of 5.49:1, while against black, the contrast ratio is 3.83:1. Complementary color is #696969 and closest tailwind color is stone-500. This color goes well with #B5B5B5, #B5B5B5, #DBDBDB, #9C9C9C, and #9C9C9C. To get this Dim Gray color, you can mix #000000 and #D2D2D2.

Dim Gray color code
|
1. Color Conversions
HEX#696969
RGB105, 105, 105
HSL0°, 0%, 41%
HSV0°, 0%, 41%
CMYK0%, 0%, 0%, 59%
Web Safe#666666
2. Contrast Ratio
Text on #FFFFFF5.49:1
AAA LargeAAA Normal
Text on #0000003.83:1
AAA LargeFail Normal
3. Dim Gray Color Code in CSS
HEX
#696969
RGB
rgb(105, 105, 105)
HSL
hsl(0, 0%, 41%)
Text Color
color: #696969;
Background
background-color: #696969;
Border Color
border-color: #696969;
Box Shadow
box-shadow: 0 4px 14px 0 #69696980;
SCSS
$color-dim-gray: #696969;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#696969
Deuteranopia#696969
Tritanopia#696969
Achromatopsia#696969
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive