Colore con nome più vicino · #333122
#333122
Colore con nome più vicino: Graphite
#333122 (rgb(51 49 34), hsl(53 20% 17%), oklch(0.311 0.025 101.4)) è più vicino al colore con nome Graphite. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#333122
oklch(0.311 0.025 101.4)
Conversioni di colore
- HEX
- #333122
- RGB
- rgb(51 49 34)
- HSL
- hsl(53 20% 17%)
- HWB
- hwb(53 13% 80%)
- OKLCH
- oklch(0.311 0.025 101.4)
- OKLab
- oklab(0.311 -0.005 0.025)
- CIE Lab
- lab(20.18 -1.28 9.96)
- LCH
- lch(20.18 10.04 97.3)
- CMYK
- cmyk(0% 4% 33% 80%)
Tinte · Ombre · Toni
Tinte
- 454335
- 575549
- 6A695D
- 7E7D72
- 929188
- A7A69F
- BCBCB6
- D2D2CE
- E8E8E6
Ombre
- 2B291C
- 232216
- 1C1A11
- 14130B
- 0D0C07
- 070603
- 030301
- 010100
- 000000
Toni
- 3A382B
- 414034
- 49473D
- 504F46
- 58574F
- 605F59
- 686762
- 706F6C
- 787876
Armonie di colore
Complementare +180°
- 333122
Graphite
- 2E2F3D
≈ Diamond Black
Analogo -30° +30°
- 333122
Graphite
- 392E22
≈ Sambuca
- 2C3326
≈ Ebony Wood
Triadico +120° +240°
- 333122
Graphite
- 22343A
≈ Cruel Sea
- 3A2B34
≈ Late Night Out
Complementare divisa +150° +210°
- 333122
Graphite
- 27323D
≈ Blue-Black
- 352D3A
≈ Valentino Nero
Tetradico +90° +180° +270°
- 333122
Graphite
- 213534
≈ Fait Accompli
- 2E2F3D
≈ Diamond Black
- 3C2B2D
≈ Havana
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.09:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.60:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.09:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--graphite: #333122;
--graphite-rgb: 51 49 34;
--graphite-oklch: oklch(0.311 0.025 101.4);
}
.element {
color: var(--graphite);
background-color: hsl(53 20% 17%);
border-color: oklch(0.311 0.025 101.4);
}Tailwind CSS v4
@theme {
--color-graphite: #333122;
--color-graphite-50: #f6f6ed;
--color-graphite-100: #e9e8df;
--color-graphite-200: #d6d5c9;
--color-graphite-300: #b9b8aa;
--color-graphite-400: #a19f8e;
--color-graphite-500: #898774;
--color-graphite-600: #747262;
--color-graphite-700: #5d5b4e;
--color-graphite-800: #444339;
--color-graphite-900: #2f2e27;
--color-graphite-950: #1c1b15;
}SCSS
$graphite: #333122;
$graphite-rgb: 51, 49, 34;
$graphite-light: mix(#fff, $graphite, 20%);
$graphite-dark: mix(#000, $graphite, 20%);
.element {
color: $graphite;
box-shadow: 0 0 0 2px rgba($graphite, 0.35);
}