Benannte Farbe · #887E48
Green Moss
Green Moss ist #887E48: rgb(136 126 72), hsl(51 31% 41%), oklch(0.589 0.075 99.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Moss color name →
#887E48
oklch(0.589 0.075 99.1)
Farbumrechnungen
- HEX
- #887e48
- RGB
- rgb(136 126 72)
- HSL
- hsl(51 31% 41%)
- HWB
- hwb(51 28% 47%)
- OKLCH
- oklch(0.589 0.075 99.1)
- OKLab
- oklab(0.589 -0.012 0.074)
- CIE Lab
- lab(52.76 -1.91 30.69)
- LCH
- lch(52.76 30.75 93.6)
- CMYK
- cmyk(0% 7% 47% 47%)
Tints · Shades · Tones
Tints
- 938A5A
- 9F976C
- AAA37E
- B6B090
- C2BDA2
- CECAB4
- DAD7C6
- E6E4D9
- F2F2EC
Shades
- 756D3D
- 635C33
- 524C29
- 413C1F
- 312D16
- 221F0D
- 131106
- 060502
- 010100
Tones
- 877E4F
- 867F55
- 867F5B
- 857F60
- 847F66
- 83806B
- 828071
- 828076
- 81807B
Farbharmonien
Komplementär +180°
- 887E48
Green Moss
- 7379A9
≈ Minuet Lilac
Analog -30° +30°
- 887E48
Green Moss
- 9A754B
≈ Sahara Splendour
- 6F8656
≈ Mixedwood Leaf
Triadisch +120° +240°
- 887E48
Green Moss
- 44889B
≈ Turquesa
- 9B6C8C
≈ Pink Jazz
Geteilt komplementär +150° +210°
- 887E48
Green Moss
- 5981A8
≈ Sapphired
- 8A719F
≈ Fuji Purple
Tetradisch +90° +180° +270°
- 887E48
Green Moss
- 418B86
≈ Royal Palm
- 7379A9
≈ Minuet Lilac
- A46A74
≈ High Country Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.09:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.12:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--green-moss: #887e48;
--green-moss-rgb: 136 126 72;
--green-moss-oklch: oklch(0.589 0.075 99.1);
}
.element {
color: var(--green-moss);
background-color: hsl(51 31% 41%);
border-color: oklch(0.589 0.075 99.1);
}Tailwind CSS v4
@theme {
--color-green-moss: #887e48;
--color-green-moss-50: #f9f6de;
--color-green-moss-100: #ede9cd;
--color-green-moss-200: #dbd6b1;
--color-green-moss-300: #bfb98d;
--color-green-moss-400: #a9a06c;
--color-green-moss-500: #92874a;
--color-green-moss-600: #7c7240;
--color-green-moss-700: #635b33;
--color-green-moss-800: #4a4323;
--color-green-moss-900: #332e17;
--color-green-moss-950: #1f1b08;
}SCSS
$green-moss: #887e48;
$green-moss-rgb: 136, 126, 72;
$green-moss-light: mix(#fff, $green-moss, 20%);
$green-moss-dark: mix(#000, $green-moss, 20%);
.element {
color: $green-moss;
box-shadow: 0 0 0 2px rgba($green-moss, 0.35);
}