Nächste benannte Farbe · #8D6D55
#8D6D55
Nächste benannte Farbe: Mocha Madness
#8D6D55 (rgb(141 109 85), hsl(26 25% 44%), oklch(0.56 0.054 58.2)) liegt am nächsten an der benannten Farbe Mocha Madness. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8D6D55
oklch(0.56 0.054 58.2)
Farbumrechnungen
- HEX
- #8d6d55
- RGB
- rgb(141 109 85)
- HSL
- hsl(26 25% 44%)
- HWB
- hwb(26 33% 45%)
- OKLCH
- oklch(0.56 0.054 58.2)
- OKLab
- oklab(0.56 0.028 0.046)
- CIE Lab
- lab(48.81 10.6 18.57)
- LCH
- lch(48.81 21.38 60.3)
- CMYK
- cmyk(0% 23% 40% 45%)
Tints · Shades · Tones
Tints
- 987B65
- A38975
- AF9785
- BAA596
- C5B4A7
- D1C2B8
- DCD1C9
- E8E0DB
- F3F0ED
Shades
- 7A5E49
- 674F3D
- 554131
- 443326
- 33261C
- 231911
- 140D08
- 070402
- 010100
Tones
- 8C6F59
- 8B715E
- 8A7362
- 887567
- 87776B
- 86796F
- 847B73
- 837C78
- 827E7C
Farbharmonien
Komplementär +180°
- 8D6D55
Mocha Madness
- 567991
≈ Titanium Blue
Analog -30° +30°
- 8D6D55
Mocha Madness
- 926963
≈ Clay Ridge
- 827350
≈ Woodbridge
Triadisch +120° +240°
- 8D6D55
Mocha Madness
- 507F75
≈ Dull Turquoise
- 786E90
≈ Purple Silhouette
Geteilt komplementär +150° +210°
- 8D6D55
Mocha Madness
- 4D7E85
≈ Brittany Blue
- 677495
≈ Lavender Mauve
Tetradisch +90° +180° +270°
- 8D6D55
Mocha Madness
- 5F7E63
≈ Korean Mint
- 567991
≈ Titanium Blue
- 866985
≈ Sunshone Plum
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.71:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.45:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--mocha-madness: #8d6d55;
--mocha-madness-rgb: 141 109 85;
--mocha-madness-oklch: oklch(0.56 0.054 58.2);
}
.element {
color: var(--mocha-madness);
background-color: hsl(26 25% 44%);
border-color: oklch(0.56 0.054 58.2);
}Tailwind CSS v4
@theme {
--color-mocha-madness: #8d6d55;
--color-mocha-madness-50: #fff2e6;
--color-mocha-madness-100: #f6e4d6;
--color-mocha-madness-200: #e6cfbe;
--color-mocha-madness-300: #cdb29c;
--color-mocha-madness-400: #b7977f;
--color-mocha-madness-500: #a27e63;
--color-mocha-madness-600: #896a54;
--color-mocha-madness-700: #6e5543;
--color-mocha-madness-800: #513e30;
--color-mocha-madness-900: #392a21;
--color-mocha-madness-950: #231810;
}SCSS
$mocha-madness: #8d6d55;
$mocha-madness-rgb: 141, 109, 85;
$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);
}