Benannte Farbe · #804040
Mesopotamian Dagger
Mesopotamian Dagger ist #804040: rgb(128 64 64), hsl(0 33% 38%), oklch(0.452 0.089 21.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mesopotamian Dagger color name →
#804040
oklch(0.452 0.089 21.2)
Farbumrechnungen
- HEX
- #804040
- RGB
- rgb(128 64 64)
- HSL
- hsl(0 33% 38%)
- HWB
- hwb(0 25% 50%)
- OKLCH
- oklch(0.452 0.089 21.2)
- OKLab
- oklab(0.452 0.083 0.032)
- CIE Lab
- lab(35.57 28.16 13.3)
- LCH
- lch(35.57 31.15 25.3)
- CMYK
- cmyk(0% 50% 50% 50%)
Tints · Shades · Tones
Tints
- 8D5251
- 9B6463
- A77775
- B48987
- C19C9A
- CEAFAE
- DAC3C2
- E7D7D6
- F3EBEA
Shades
- 6E3636
- 5D2D2D
- 4D2424
- 3D1B1B
- 2E1313
- 1F0B0B
- 120505
- 060101
- 010000
Tones
- 814746
- 824D4D
- 825453
- 825A59
- 836160
- 836766
- 826D6C
- 827473
- 817A79
Farbharmonien
Komplementär +180°
- 804040
Mesopotamian Dagger
- 006268
≈ Turkish Aqua
Analog -30° +30°
- 804040
Mesopotamian Dagger
- 7A405C
≈ Purple Drab
- 7C4624
≈ Russet
Triadisch +120° +240°
- 804040
Mesopotamian Dagger
- 386232
≈ Greenhouse
- 395587
≈ Southern Blue
Geteilt komplementär +150° +210°
- 804040
Mesopotamian Dagger
- 00654F
≈ Green Paw Paw
- 085E7E
≈ Back of Beyond
Tetradisch +90° +180° +270°
- 804040
Mesopotamian Dagger
- 585A15
≈ Greensboro
- 006268
≈ Turkish Aqua
- 574C83
≈ Victoria
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.70:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.72:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--mesopotamian-dagger: #804040;
--mesopotamian-dagger-rgb: 128 64 64;
--mesopotamian-dagger-oklch: oklch(0.452 0.089 21.2);
}
.element {
color: var(--mesopotamian-dagger);
background-color: hsl(0 33% 38%);
border-color: oklch(0.452 0.089 21.2);
}Tailwind CSS v4
@theme {
--color-mesopotamian-dagger: #804040;
--color-mesopotamian-dagger-50: #ffece9;
--color-mesopotamian-dagger-100: #ffddda;
--color-mesopotamian-dagger-200: #f8c6c3;
--color-mesopotamian-dagger-300: #e1a6a2;
--color-mesopotamian-dagger-400: #ce8988;
--color-mesopotamian-dagger-500: #ba6d6c;
--color-mesopotamian-dagger-600: #9d5d5c;
--color-mesopotamian-dagger-700: #7e4a49;
--color-mesopotamian-dagger-800: #5d3536;
--color-mesopotamian-dagger-900: #412425;
--color-mesopotamian-dagger-950: #2a1313;
}SCSS
$mesopotamian-dagger: #804040;
$mesopotamian-dagger-rgb: 128, 64, 64;
$mesopotamian-dagger-light: mix(#fff, $mesopotamian-dagger, 20%);
$mesopotamian-dagger-dark: mix(#000, $mesopotamian-dagger, 20%);
.element {
color: $mesopotamian-dagger;
box-shadow: 0 0 0 2px rgba($mesopotamian-dagger, 0.35);
}