Colore con nome più vicino · #3F3037
#3F3037
Colore con nome più vicino: Melanzane
#3F3037 (rgb(63 48 55), hsl(332 14% 22%), oklch(0.329 0.025 348.8)) è più vicino al colore con nome Melanzane. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3F3037
oklch(0.329 0.025 348.8)
Conversioni di colore
- HEX
- #3f3037
- RGB
- rgb(63 48 55)
- HSL
- hsl(332 14% 22%)
- HWB
- hwb(332 19% 75%)
- OKLCH
- oklch(0.329 0.025 348.8)
- OKLab
- oklab(0.329 0.024 -0.005)
- CIE Lab
- lab(21.79 8.06 -1.72)
- LCH
- lch(21.79 8.24 347.9)
- CMYK
- cmyk(0% 24% 13% 75%)
Tinte · Ombre · Toni
Tinte
- 504248
- 62555B
- 74686D
- 877C81
- 9A9195
- ADA6A9
- C1BBBE
- D5D1D3
- EAE8E9
Ombre
- 35282E
- 2C2126
- 231A1E
- 1B1316
- 120C0F
- 0A0608
- 040303
- 010101
- 000000
Toni
- 45373E
- 4C3F45
- 52474C
- 584F53
- 5F575A
- 655F62
- 6C6769
- 736F71
- 797778
Armonie di colore
Complementare +180°
- 3F3037
Melanzane
- 293933
≈ Tetsu Black
Analogo -30° +30°
- 3F3037
Melanzane
- 3B313D
≈ Disappearing Purple
- 413030
≈ Auberge
Triadico +120° +240°
- 3F3037
Melanzane
- 363628
≈ Graphite
- 28383F
≈ Electromagnetic
Complementare divisa +150° +210°
- 3F3037
Melanzane
- 2F382C
≈ Aimiru Brown
- 26393A
≈ Tetsuonando Black
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.43:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.68:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.43:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--melanzane: #3f3037;
--melanzane-rgb: 63 48 55;
--melanzane-oklch: oklch(0.329 0.025 348.8);
}
.element {
color: var(--melanzane);
background-color: hsl(332 14% 22%);
border-color: oklch(0.329 0.025 348.8);
}Tailwind CSS v4
@theme {
--color-melanzane: #3f3037;
--color-melanzane-50: #fbf2f6;
--color-melanzane-100: #efe5e9;
--color-melanzane-200: #ddd0d5;
--color-melanzane-300: #c2b2b9;
--color-melanzane-400: #aa99a1;
--color-melanzane-500: #938089;
--color-melanzane-600: #7d6c74;
--color-melanzane-700: #64575d;
--color-melanzane-800: #493f44;
--color-melanzane-900: #332b2f;
--color-melanzane-950: #1e191b;
}SCSS
$melanzane: #3f3037;
$melanzane-rgb: 63, 48, 55;
$melanzane-light: mix(#fff, $melanzane, 20%);
$melanzane-dark: mix(#000, $melanzane, 20%);
.element {
color: $melanzane;
box-shadow: 0 0 0 2px rgba($melanzane, 0.35);
}