Benannte Farbe · #8B6B58
Mocha Madness
Mocha Madness ist #8B6B58: rgb(139 107 88), hsl(22 22% 45%), oklch(0.555 0.05 52.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Mocha Madness color name →
#8B6B58
oklch(0.555 0.05 52.1)
Farbumrechnungen
- HEX
- #8b6b58
- RGB
- rgb(139 107 88)
- HSL
- hsl(22 22% 45%)
- HWB
- hwb(22 35% 45%)
- OKLCH
- oklch(0.555 0.05 52.1)
- OKLab
- oklab(0.555 0.031 0.039)
- CIE Lab
- lab(48.1 11.11 15.84)
- LCH
- lch(48.1 19.35 54.9)
- CMYK
- cmyk(0% 23% 37% 45%)
Tints · Shades · Tones
Tints
- 967968
- A28777
- AD9587
- B9A498
- C4B2A8
- D0C1B9
- DCD1CA
- E7E0DC
- F3EFED
Shades
- 785C4B
- 664E3F
- 543F33
- 433228
- 32251D
- 231812
- 140D09
- 070403
- 010000
Tones
- 8A6D5C
- 896F60
- 887164
- 877468
- 86766C
- 857870
- 847A74
- 837C78
- 817E7C
Farbharmonien
Komplementär +180°
- 8B6B58
Mocha Madness
- 55788B
≈ Cayman Bay
Analog -30° +30°
- 8B6B58
Mocha Madness
- 8E6866
≈ Western Clay
- 827051
≈ Grey Brown
Triadisch +120° +240°
- 8B6B58
Mocha Madness
- 547D6F
≈ Gremolata
- 736E8E
≈ Bureaucracy
Geteilt komplementär +150° +210°
- 8B6B58
Mocha Madness
- 4F7C7F
≈ Submerged
- 637391
≈ Niche
Tetradisch +90° +180° +270°
- 8B6B58
Mocha Madness
- 627B60
≈ Mildura
- 55788B
≈ Cayman Bay
- 816984
≈ Matriarch
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.83:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.34:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--mocha-madness: #8b6b58;
--mocha-madness-rgb: 139 107 88;
--mocha-madness-oklch: oklch(0.555 0.05 52.1);
}
.element {
color: var(--mocha-madness);
background-color: hsl(22 22% 45%);
border-color: oklch(0.555 0.05 52.1);
}Tailwind CSS v4
@theme {
--color-mocha-madness: #8b6b58;
--color-mocha-madness-50: #fff2e8;
--color-mocha-madness-100: #f6e4d9;
--color-mocha-madness-200: #e6cfc1;
--color-mocha-madness-300: #cdb1a0;
--color-mocha-madness-400: #b79784;
--color-mocha-madness-500: #a17d68;
--color-mocha-madness-600: #886a58;
--color-mocha-madness-700: #6d5546;
--color-mocha-madness-800: #513e33;
--color-mocha-madness-900: #382a23;
--color-mocha-madness-950: #231812;
}SCSS
$mocha-madness: #8b6b58;
$mocha-madness-rgb: 139, 107, 88;
$mocha-madness-light: mix(#fff, $mocha-madness, 20%);
$mocha-madness-dark: mix(#000, $mocha-madness, 20%);
.element {
color: $mocha-madness;
box-shadow: 0 0 0 2px rgba($mocha-madness, 0.35);
}