Benannte Farbe · #24342A
Mussel Green
Mussel Green ist #24342A: rgb(36 52 42), hsl(143 18% 17%), oklch(0.307 0.028 156.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mussel Green color name →
#24342A
oklch(0.307 0.028 156.9)
Farbumrechnungen
- HEX
- #24342a
- RGB
- rgb(36 52 42)
- HSL
- hsl(143 18% 17%)
- HWB
- hwb(143 14% 80%)
- OKLCH
- oklch(0.307 0.028 156.9)
- OKLab
- oklab(0.307 -0.026 0.011)
- CIE Lab
- lab(20.02 -8.82 4.12)
- LCH
- lch(20.02 9.73 155)
- CMYK
- cmyk(31% 0% 19% 80%)
Tints · Shades · Tones
Tints
- 37463C
- 4A584F
- 5F6B63
- 747F78
- 8A938D
- A0A8A3
- B7BDB9
- CFD2D0
- E7E9E7
Shades
- 1E2C23
- 18241C
- 121C16
- 0C1510
- 070E0A
- 040705
- 020302
- 000101
- 000000
Tones
- 2D3B32
- 35423A
- 3E4A42
- 47514B
- 505953
- 5A605C
- 636865
- 6D706E
- 767877
Farbharmonien
Komplementär +180°
- 24342A
Mussel Green
- 392A35
≈ Late Night Out
Analog -30° +30°
- 24342A
Mussel Green
- 2C3223
≈ Rangitoto
- 1F3432
≈ Fait Accompli
Triadisch +120° +240°
- 24342A
Mussel Green
- 2C2F3E
≈ Diamond Black
- 3C2B26
≈ English Walnut
Geteilt komplementär +150° +210°
- 24342A
Mussel Green
- 332C3B
≈ Obsidian Red
- 3C2A2D
≈ Wenge Black
Tetradisch +90° +180° +270°
- 24342A
Mussel Green
- 24313D
≈ Blue-Black
- 392A35
≈ Late Night Out
- 392D21
≈ Sambuca
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.12:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.59:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.12:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--mussel-green: #24342a;
--mussel-green-rgb: 36 52 42;
--mussel-green-oklch: oklch(0.307 0.028 156.9);
}
.element {
color: var(--mussel-green);
background-color: hsl(143 18% 17%);
border-color: oklch(0.307 0.028 156.9);
}Tailwind CSS v4
@theme {
--color-mussel-green: #24342a;
--color-mussel-green-50: #eff8f2;
--color-mussel-green-100: #e1ebe4;
--color-mussel-green-200: #cbd8d0;
--color-mussel-green-300: #acbcb2;
--color-mussel-green-400: #92a498;
--color-mussel-green-500: #788c7f;
--color-mussel-green-600: #65766b;
--color-mussel-green-700: #515f56;
--color-mussel-green-800: #3b453e;
--color-mussel-green-900: #29302b;
--color-mussel-green-950: #161c18;
}SCSS
$mussel-green: #24342a;
$mussel-green-rgb: 36, 52, 42;
$mussel-green-light: mix(#fff, $mussel-green, 20%);
$mussel-green-dark: mix(#000, $mussel-green, 20%);
.element {
color: $mussel-green;
box-shadow: 0 0 0 2px rgba($mussel-green, 0.35);
}