Nächste benannte Farbe · #3F3037
#3F3037
Nächste benannte Farbe: Melanzane
#3F3037 (rgb(63 48 55), hsl(332 14% 22%), oklch(0.329 0.025 348.8)) liegt am nächsten an der benannten Farbe Melanzane. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3F3037
oklch(0.329 0.025 348.8)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 504248
- 62555B
- 74686D
- 877C81
- 9A9195
- ADA6A9
- C1BBBE
- D5D1D3
- EAE8E9
Shades
- 35282E
- 2C2126
- 231A1E
- 1B1316
- 120C0F
- 0A0608
- 040303
- 010101
- 000000
Tones
- 45373E
- 4C3F45
- 52474C
- 584F53
- 5F575A
- 655F62
- 6C6769
- 736F71
- 797778
Farbharmonien
Komplementär +180°
- 3F3037
Melanzane
- 293933
≈ Tetsu Black
Analog -30° +30°
- 3F3037
Melanzane
- 3B313D
≈ Disappearing Purple
- 413030
≈ Auberge
Triadisch +120° +240°
- 3F3037
Melanzane
- 363628
≈ Graphite
- 28383F
≈ Electromagnetic
Geteilt komplementär +150° +210°
- 3F3037
Melanzane
- 2F382C
≈ Aimiru Brown
- 26393A
≈ Tetsuonando Black
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.43:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.68:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.43:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
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);
}