Benannte Farbe · #807548
Peppered Moss
Peppered Moss ist #807548: rgb(128 117 72), hsl(48 28% 39%), oklch(0.561 0.065 96.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Peppered Moss color name →
#807548
oklch(0.561 0.065 96.1)
Farbumrechnungen
- HEX
- #807548
- RGB
- rgb(128 117 72)
- HSL
- hsl(48 28% 39%)
- HWB
- hwb(48 28% 50%)
- OKLCH
- oklch(0.561 0.065 96.1)
- OKLab
- oklab(0.561 -0.007 0.064)
- CIE Lab
- lab(49.43 -0.63 26.4)
- LCH
- lch(49.43 26.41 91.4)
- CMYK
- cmyk(0% 9% 44% 50%)
Tints · Shades · Tones
Tints
- 8C825A
- 988F6B
- A49D7D
- B1AA8F
- BDB8A1
- CAC6B3
- D7D4C6
- E4E2D9
- F2F0EC
Shades
- 6E653D
- 5D5533
- 4D4629
- 3D371F
- 2E2916
- 1F1C0D
- 120F06
- 060502
- 010100
Tones
- 80764E
- 807754
- 80795A
- 807A60
- 807B65
- 807C6B
- 807D70
- 807E75
- 807F7B
Farbharmonien
Komplementär +180°
- 807548
Peppered Moss
- 6A729B
≈ Silk Crepe Mauve
Analog -30° +30°
- 807548
Peppered Moss
- 8F6D4B
≈ Tanned Wood
- 6B7C52
≈ Mint Leaves
Triadisch +120° +240°
- 807548
Peppered Moss
- 457F8D
≈ Wish Upon a Star
- 8D6683
≈ Sunshone Plum
Geteilt komplementär +150° +210°
- 807548
Peppered Moss
- 557999
≈ Quiet Harbour
- 7E6B93
≈ Ornate
Tetradisch +90° +180° +270°
- 807548
Peppered Moss
- 44817A
≈ Bubble Turquoise
- 6A729B
≈ Silk Crepe Mauve
- 96656F
≈ Soft Bromeliad
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.60:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.55:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--peppered-moss: #807548;
--peppered-moss-rgb: 128 117 72;
--peppered-moss-oklch: oklch(0.561 0.065 96.1);
}
.element {
color: var(--peppered-moss);
background-color: hsl(48 28% 39%);
border-color: oklch(0.561 0.065 96.1);
}Tailwind CSS v4
@theme {
--color-peppered-moss: #807548;
--color-peppered-moss-50: #faf6e1;
--color-peppered-moss-100: #ede9d0;
--color-peppered-moss-200: #dbd5b6;
--color-peppered-moss-300: #c0b893;
--color-peppered-moss-400: #a99f73;
--color-peppered-moss-500: #938654;
--color-peppered-moss-600: #7c7247;
--color-peppered-moss-700: #635b39;
--color-peppered-moss-800: #4a4228;
--color-peppered-moss-900: #332e1b;
--color-peppered-moss-950: #1f1a0b;
}SCSS
$peppered-moss: #807548;
$peppered-moss-rgb: 128, 117, 72;
$peppered-moss-light: mix(#fff, $peppered-moss, 20%);
$peppered-moss-dark: mix(#000, $peppered-moss, 20%);
.element {
color: $peppered-moss;
box-shadow: 0 0 0 2px rgba($peppered-moss, 0.35);
}