Colore con nome · #3B3B3D
Coal Hard Truth
Coal Hard Truth è #3B3B3D: rgb(59 59 61), hsl(240 2% 24%), oklch(0.353 0.003 286.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Coal Hard Truth color name →
#3B3B3D
oklch(0.353 0.003 286.2)
Conversioni di colore
- HEX
- #3b3b3d
- RGB
- rgb(59 59 61)
- HSL
- hsl(240 2% 24%)
- HWB
- hwb(240 23% 76%)
- OKLCH
- oklch(0.353 0.003 286.2)
- OKLab
- oklab(0.353 0.001 -0.003)
- CIE Lab
- lab(24.92 0.34 -1.24)
- LCH
- lch(24.92 1.29 285.5)
- CMYK
- cmyk(3% 3% 0% 76%)
Tinte · Ombre · Toni
Tinte
- 4C4C4E
- 5E5E60
- 707072
- 838385
- 979798
- ABABAC
- BFBFC0
- D4D4D5
- E9E9EA
Ombre
- 323234
- 29292B
- 212122
- 19191A
- 111112
- 09090A
- 040404
- 010101
- 000000
Toni
- 414143
- 48484A
- 4F4F50
- 555657
- 5C5C5D
- 636364
- 6A6A6B
- 727272
- 797979
Armonie di colore
Complementare +180°
- 3B3B3D
Coal Hard Truth
- 3B3B39
≈ Black Liquorice
Analogo -30° +30°
- 3B3B3D
Coal Hard Truth
- 3A3B3D
≈ Coal Hard Truth
- 3C3B3C
≈ Shisha Coal
Triadico +120° +240°
- 3B3B3D
Coal Hard Truth
- 3D3B3A
≈ Iridium
- 3A3C3B
≈ Limousine Leather
Complementare divisa +150° +210°
- 3B3B3D
Coal Hard Truth
- 3C3B39
≈ Iridium
- 3A3C3A
≈ Limousine Leather
Tetradico +90° +180° +270°
- 3B3B3D
Coal Hard Truth
- 3D3B3B
≈ Shisha Coal
- 3B3B39
≈ Black Liquorice
- 393C3C
≈ Yin Mist
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.17:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.87:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.17:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--coal-hard-truth: #3b3b3d;
--coal-hard-truth-rgb: 59 59 61;
--coal-hard-truth-oklch: oklch(0.353 0.003 286.2);
}
.element {
color: var(--coal-hard-truth);
background-color: hsl(240 2% 24%);
border-color: oklch(0.353 0.003 286.2);
}Tailwind CSS v4
@theme {
--color-coal-hard-truth: #3b3b3d;
--color-coal-hard-truth-50: #f5f5f6;
--color-coal-hard-truth-100: #e8e8e9;
--color-coal-hard-truth-200: #d4d4d5;
--color-coal-hard-truth-300: #b7b7b9;
--color-coal-hard-truth-400: #9e9ea0;
--color-coal-hard-truth-500: #868688;
--color-coal-hard-truth-600: #717173;
--color-coal-hard-truth-700: #5b5b5c;
--color-coal-hard-truth-800: #424243;
--color-coal-hard-truth-900: #2e2e2f;
--color-coal-hard-truth-950: #1a1a1b;
}SCSS
$coal-hard-truth: #3b3b3d;
$coal-hard-truth-rgb: 59, 59, 61;
$coal-hard-truth-light: mix(#fff, $coal-hard-truth, 20%);
$coal-hard-truth-dark: mix(#000, $coal-hard-truth, 20%);
.element {
color: $coal-hard-truth;
box-shadow: 0 0 0 2px rgba($coal-hard-truth, 0.35);
}