Benannte Farbe · #8B7D3A
Koke Moss
Koke Moss ist #8B7D3A: rgb(139 125 58), hsl(50 41% 39%), oklch(0.588 0.089 97.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Koke Moss color name →
#8B7D3A
oklch(0.588 0.089 97.7)
Farbumrechnungen
- HEX
- #8b7d3a
- RGB
- rgb(139 125 58)
- HSL
- hsl(50 41% 39%)
- HWB
- hwb(50 23% 45%)
- OKLCH
- oklch(0.588 0.089 97.7)
- OKLab
- oklab(0.588 -0.012 0.088)
- CIE Lab
- lab(52.62 -1 37.86)
- LCH
- lch(52.62 37.87 91.5)
- CMYK
- cmyk(0% 10% 58% 45%)
Tints · Shades · Tones
Tints
- 96894F
- A19662
- ACA376
- B8B089
- C3BD9C
- CFCAB0
- DBD7C3
- E7E4D7
- F3F2EB
Shades
- 786C31
- 665B28
- 544B20
- 433B18
- 322C10
- 231E09
- 141104
- 070501
- 010100
Tones
- 8A7D43
- 897E4B
- 887E53
- 867F5A
- 857F61
- 847F67
- 83806E
- 828074
- 81807A
Farbharmonien
Komplementär +180°
- 8B7D3A
Koke Moss
- 7077B1
≈ Regal Azure
Analog -30° +30°
- 8B7D3A
Koke Moss
- A0723F
≈ Favourite Ale
- 6E874B
≈ Green Suede
Triadisch +120° +240°
- 8B7D3A
Koke Moss
- 3089A0
≈ Waikiki
- 9F688F
≈ Berry Pretty
Geteilt komplementär +150° +210°
- 8B7D3A
Koke Moss
- 4F81AF
≈ Seabrook
- 8B6EA6
≈ Fairy Wren
Tetradisch +90° +180° +270°
- 8B7D3A
Koke Moss
- 2C8E86
≈ Ocean Liner
- 7077B1
≈ Regal Azure
- AA6673
≈ Berry Crush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.12:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.09:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--koke-moss: #8b7d3a;
--koke-moss-rgb: 139 125 58;
--koke-moss-oklch: oklch(0.588 0.089 97.7);
}
.element {
color: var(--koke-moss);
background-color: hsl(50 41% 39%);
border-color: oklch(0.588 0.089 97.7);
}Tailwind CSS v4
@theme {
--color-koke-moss: #8b7d3a;
--color-koke-moss-50: #fbf6d9;
--color-koke-moss-100: #efe9c7;
--color-koke-moss-200: #ddd6aa;
--color-koke-moss-300: #c2b984;
--color-koke-moss-400: #ac9f60;
--color-koke-moss-500: #96863b;
--color-koke-moss-600: #7f7233;
--color-koke-moss-700: #665b28;
--color-koke-moss-800: #4c421b;
--color-koke-moss-900: #352e12;
--color-koke-moss-950: #201a04;
}SCSS
$koke-moss: #8b7d3a;
$koke-moss-rgb: 139, 125, 58;
$koke-moss-light: mix(#fff, $koke-moss, 20%);
$koke-moss-dark: mix(#000, $koke-moss, 20%);
.element {
color: $koke-moss;
box-shadow: 0 0 0 2px rgba($koke-moss, 0.35);
}