Named color · #6A6968
Not so Innocent
Not so Innocent is #6A6968: rgb(106 105 104), hsl(30 1% 41%), oklch(0.521 0.002 67.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Not so Innocent color name →
#6A6968
oklch(0.521 0.002 67.8)
Color conversions
- HEX
- #6a6968
- RGB
- rgb(106 105 104)
- HSL
- hsl(30 1% 41%)
- HWB
- hwb(30 41% 58%)
- OKLCH
- oklch(0.521 0.002 67.8)
- OKLab
- oklab(0.521 0.001 0.002)
- CIE Lab
- lab(44.48 0.25 0.71)
- LCH
- lch(44.48 0.75 70.5)
- CMYK
- cmyk(0% 1% 2% 58%)
Tints · Shades · Tones
Tints
- 787776
- 868584
- 949393
- A3A2A1
- B2B1B0
- C1C0C0
- D0D0CF
- DFDFDF
- EFEFEF
Shades
- 5B5A59
- 4D4C4B
- 3F3E3E
- 313130
- 242424
- 181818
- 0D0C0C
- 040404
- 000000
Tones
- 6C6B6A
- 6E6E6D
- 71706F
- 737271
- 757474
- 777776
- 797979
- 7C7B7B
- 7E7E7E
Color harmonies
Complementary +180°
- 6A6968
Not so Innocent
- 68696A
≈ Dim Grey
Analogous -30° +30°
- 6A6968
Not so Innocent
- 6A6968
≈ Not so Innocent
- 696968
≈ Not so Innocent
Triadic +120° +240°
- 6A6968
Not so Innocent
- 686A69
≈ Molten Lead
- 69696A
≈ Dim Grey
Split-complementary +150° +210°
- 6A6968
Not so Innocent
- 68696A
≈ Dim Grey
- 69696A
≈ Dim Grey
Tetradic +90° +180° +270°
- 6A6968
Not so Innocent
- 686A69
≈ Molten Lead
- 68696A
≈ Dim Grey
- 6A696A
≈ Dim Grey
Contrast & accessibility
Ag
AAOn white
WCAG 5.47:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.83:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.47:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--not-so-innocent: #6a6968;
--not-so-innocent-rgb: 106 105 104;
--not-so-innocent-oklch: oklch(0.521 0.002 67.8);
}
.element {
color: var(--not-so-innocent);
background-color: hsl(30 1% 41%);
border-color: oklch(0.521 0.002 67.8);
}Tailwind CSS v4
@theme {
--color-not-so-innocent: #6a6968;
--color-not-so-innocent-50: #f5f5f4;
--color-not-so-innocent-100: #e8e8e7;
--color-not-so-innocent-200: #d5d4d3;
--color-not-so-innocent-300: #b8b7b6;
--color-not-so-innocent-400: #9f9e9d;
--color-not-so-innocent-500: #878685;
--color-not-so-innocent-600: #727170;
--color-not-so-innocent-700: #5b5b5a;
--color-not-so-innocent-800: #434242;
--color-not-so-innocent-900: #2e2e2d;
--color-not-so-innocent-950: #1b1a1a;
}SCSS
$not-so-innocent: #6a6968;
$not-so-innocent-rgb: 106, 105, 104;
$not-so-innocent-light: mix(#fff, $not-so-innocent, 20%);
$not-so-innocent-dark: mix(#000, $not-so-innocent, 20%);
.element {
color: $not-so-innocent;
box-shadow: 0 0 0 2px rgba($not-so-innocent, 0.35);
}