Benannte Farbe · #5E4C48
Cafe Expreso
Cafe Expreso ist #5E4C48: rgb(94 76 72), hsl(11 13% 33%), oklch(0.434 0.025 32.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cafe Expreso color name →
#5E4C48
oklch(0.434 0.025 32.7)
Farbumrechnungen
- HEX
- #5e4c48
- RGB
- rgb(94 76 72)
- HSL
- hsl(11 13% 33%)
- HWB
- hwb(11 28% 63%)
- OKLCH
- oklch(0.434 0.025 32.7)
- OKLab
- oklab(0.434 0.021 0.014)
- CIE Lab
- lab(34.12 7.3 5.39)
- LCH
- lch(34.12 9.07 36.4)
- CMYK
- cmyk(0% 19% 23% 63%)
Tints · Shades · Tones
Tints
- 6D5C58
- 7C6D69
- 8C7E7B
- 9B8F8C
- ABA19F
- BCB3B1
- CCC6C4
- DDD8D7
- EEECEB
Shades
- 51413D
- 443633
- 372C29
- 2B221F
- 1F1816
- 140F0D
- 0A0606
- 030202
- 000000
Tones
- 61514D
- 655653
- 685B58
- 6C605E
- 6F6663
- 726B69
- 76706F
- 797574
- 7D7B7A
Farbharmonien
Komplementär +180°
- 5E4C48
Cafe Expreso
- 415559
≈ Casal
Analog -30° +30°
- 5E4C48
Cafe Expreso
- 5D4B4F
≈ Raisin
- 5B4E43
≈ Warm Pumpernickel
Triadisch +120° +240°
- 5E4C48
Cafe Expreso
- 47554A
≈ Huntington Woods
- 4C505F
≈ Senate
Geteilt komplementär +150° +210°
- 5E4C48
Cafe Expreso
- 425652
≈ Orkhide Shade
- 45535E
≈ Nightfall
Tetradisch +90° +180° +270°
- 5E4C48
Cafe Expreso
- 4E5344
≈ Forestwood
- 415559
≈ Casal
- 534E5D
≈ Salvation
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.06:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.60:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--cafe-expreso: #5e4c48;
--cafe-expreso-rgb: 94 76 72;
--cafe-expreso-oklch: oklch(0.434 0.025 32.7);
}
.element {
color: var(--cafe-expreso);
background-color: hsl(11 13% 33%);
border-color: oklch(0.434 0.025 32.7);
}Tailwind CSS v4
@theme {
--color-cafe-expreso: #5e4c48;
--color-cafe-expreso-50: #fcf3f0;
--color-cafe-expreso-100: #f0e5e2;
--color-cafe-expreso-200: #dfd1cd;
--color-cafe-expreso-300: #c4b3af;
--color-cafe-expreso-400: #ad9995;
--color-cafe-expreso-500: #96807c;
--color-cafe-expreso-600: #7f6d69;
--color-cafe-expreso-700: #665754;
--color-cafe-expreso-800: #4b3f3d;
--color-cafe-expreso-900: #342c2a;
--color-cafe-expreso-950: #1f1918;
}SCSS
$cafe-expreso: #5e4c48;
$cafe-expreso-rgb: 94, 76, 72;
$cafe-expreso-light: mix(#fff, $cafe-expreso, 20%);
$cafe-expreso-dark: mix(#000, $cafe-expreso, 20%);
.element {
color: $cafe-expreso;
box-shadow: 0 0 0 2px rgba($cafe-expreso, 0.35);
}