Benannte Farbe · #93685A
Italian Mocha
Italian Mocha ist #93685A: rgb(147 104 90), hsl(15 24% 46%), oklch(0.558 0.06 38.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Italian Mocha color name →
#93685A
oklch(0.558 0.06 38.8)
Farbumrechnungen
- HEX
- #93685a
- RGB
- rgb(147 104 90)
- HSL
- hsl(15 24% 46%)
- HWB
- hwb(15 35% 42%)
- OKLCH
- oklch(0.558 0.06 38.8)
- OKLab
- oklab(0.558 0.047 0.037)
- CIE Lab
- lab(48.3 16.39 15.13)
- LCH
- lch(48.3 22.31 42.7)
- CMYK
- cmyk(0% 29% 39% 42%)
Tints · Shades · Tones
Tints
- 9E7669
- A98579
- B39389
- BEA299
- C9B1A9
- D4C0BA
- DFD0CB
- E9DFDC
- F4EFED
Shades
- 7F594D
- 6C4B41
- 593E35
- 473029
- 36241E
- 251813
- 160C09
- 080403
- 010000
Tones
- 916B5E
- 906D62
- 8E7066
- 8C7269
- 8A746D
- 897771
- 877975
- 847B79
- 827E7C
Farbharmonien
Komplementär +180°
- 93685A
Italian Mocha
- 497D8C
≈ Sky Space
Analog -30° +30°
- 93685A
Italian Mocha
- 93656D
≈ Deadlock
- 8B6E4D
≈ Tanned Wood
Triadisch +120° +240°
- 93685A
Italian Mocha
- 557F67
≈ Juniper Green
- 6C7197
≈ Silk Crepe Mauve
Geteilt komplementär +150° +210°
- 93685A
Italian Mocha
- 477F7B
≈ Bubble Turquoise
- 587796
≈ Privileged Elite
Tetradisch +90° +180° +270°
- 93685A
Italian Mocha
- 697B55
≈ Kariyasu Green
- 497D8C
≈ Sky Space
- 7E6B8F
≈ Nymph’s Delight
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.80:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.36:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.80:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--italian-mocha: #93685a;
--italian-mocha-rgb: 147 104 90;
--italian-mocha-oklch: oklch(0.558 0.06 38.8);
}
.element {
color: var(--italian-mocha);
background-color: hsl(15 24% 46%);
border-color: oklch(0.558 0.06 38.8);
}Tailwind CSS v4
@theme {
--color-italian-mocha: #93685a;
--color-italian-mocha-50: #fff0e8;
--color-italian-mocha-100: #fbe2d9;
--color-italian-mocha-200: #ecccc1;
--color-italian-mocha-300: #d3aea0;
--color-italian-mocha-400: #be9385;
--color-italian-mocha-500: #a97969;
--color-italian-mocha-600: #8f6659;
--color-italian-mocha-700: #735247;
--color-italian-mocha-800: #553b34;
--color-italian-mocha-900: #3b2923;
--color-italian-mocha-950: #251612;
}SCSS
$italian-mocha: #93685a;
$italian-mocha-rgb: 147, 104, 90;
$italian-mocha-light: mix(#fff, $italian-mocha, 20%);
$italian-mocha-dark: mix(#000, $italian-mocha, 20%);
.element {
color: $italian-mocha;
box-shadow: 0 0 0 2px rgba($italian-mocha, 0.35);
}