Benannte Farbe · #9A7F79
Cafe Ole
Cafe Ole ist #9A7F79: rgb(154 127 121), hsl(11 14% 54%), oklch(0.62 0.035 32.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cafe Ole color name →
#9A7F79
oklch(0.62 0.035 32.6)
Farbumrechnungen
- HEX
- #9a7f79
- RGB
- rgb(154 127 121)
- HSL
- hsl(11 14% 54%)
- HWB
- hwb(11 47% 40%)
- OKLCH
- oklch(0.62 0.035 32.6)
- OKLab
- oklab(0.62 0.029 0.019)
- CIE Lab
- lab(55.65 10 7.37)
- LCH
- lch(55.65 12.42 36.4)
- CMYK
- cmyk(0% 18% 21% 40%)
Tints · Shades · Tones
Tints
- A48B86
- AE9792
- B8A49F
- C2B0AC
- CCBDBA
- D6CAC7
- E0D7D5
- EAE4E3
- F5F2F1
Shades
- 856E68
- 715D58
- 5E4C48
- 4B3C39
- 392D2B
- 271F1D
- 171110
- 090605
- 010101
Tones
- 977F7A
- 957F7A
- 927F7B
- 90807C
- 8D807D
- 8B807D
- 88807E
- 85807F
- 83807F
Farbharmonien
Komplementär +180°
- 9A7F79
Cafe Ole
- 6F8C93
≈ Blue Shoal
Analog -30° +30°
- 9A7F79
Cafe Ole
- 997E84
≈ Mulberry Wine
- 968271
≈ Locomotion
Triadisch +120° +240°
- 9A7F79
Cafe Ole
- 778D7C
≈ Cyanara
- 7F859C
≈ Stand Out
Geteilt komplementär +150° +210°
- 9A7F79
Cafe Ole
- 708D88
≈ Gumbo
- 75899A
≈ Somnambulist
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.68:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.68:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--cafe-ole: #9a7f79;
--cafe-ole-rgb: 154 127 121;
--cafe-ole-oklch: oklch(0.62 0.035 32.6);
}
.element {
color: var(--cafe-ole);
background-color: hsl(11 14% 54%);
border-color: oklch(0.62 0.035 32.6);
}Tailwind CSS v4
@theme {
--color-cafe-ole: #9a7f79;
--color-cafe-ole-50: #fff2ef;
--color-cafe-ole-100: #f3e4e0;
--color-cafe-ole-200: #e3cfca;
--color-cafe-ole-300: #c8b2ac;
--color-cafe-ole-400: #b29792;
--color-cafe-ole-500: #9c7e78;
--color-cafe-ole-600: #846b65;
--color-cafe-ole-700: #6a5551;
--color-cafe-ole-800: #4e3e3b;
--color-cafe-ole-900: #362b29;
--color-cafe-ole-950: #211816;
}SCSS
$cafe-ole: #9a7f79;
$cafe-ole-rgb: 154, 127, 121;
$cafe-ole-light: mix(#fff, $cafe-ole, 20%);
$cafe-ole-dark: mix(#000, $cafe-ole, 20%);
.element {
color: $cafe-ole;
box-shadow: 0 0 0 2px rgba($cafe-ole, 0.35);
}