Benannte Farbe · #47533F
Savannah Moss
Savannah Moss ist #47533F: rgb(71 83 63), hsl(96 14% 29%), oklch(0.426 0.036 133). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Savannah Moss color name →
#47533F
oklch(0.426 0.036 133)
Farbumrechnungen
- HEX
- #47533f
- RGB
- rgb(71 83 63)
- HSL
- hsl(96 14% 29%)
- HWB
- hwb(96 25% 67%)
- OKLCH
- oklch(0.426 0.036 133)
- OKLab
- oklab(0.426 -0.024 0.026)
- CIE Lab
- lab(33.78 -8.11 10.12)
- LCH
- lch(33.78 12.96 128.7)
- CMYK
- cmyk(14% 0% 24% 67%)
Tints · Shades · Tones
Tints
- 576350
- 687362
- 7A8374
- 8C9487
- 9EA59A
- B1B6AD
- C4C8C1
- D7DAD5
- EBECEA
Shades
- 3D4735
- 323B2C
- 283023
- 1F251B
- 161B12
- 0D110A
- 060804
- 020201
- 000000
Tones
- 4C5745
- 525C4C
- 586052
- 5D6558
- 63695F
- 696E65
- 6E726C
- 747773
- 7A7B79
Farbharmonien
Komplementär +180°
- 47533F
Savannah Moss
- 55495D
≈ Mata Hari
Analog -30° +30°
- 47533F
Savannah Moss
- 525039
≈ Panda
- 3D5549
≈ Deep Jungle
Triadisch +120° +240°
- 47533F
Savannah Moss
- 415062
≈ December Eve
- 614749
≈ Purple Earth
Geteilt komplementär +150° +210°
- 47533F
Savannah Moss
- 4B4C62
≈ Blue Suede Shoes
- 5D4754
≈ Purple Basil
Tetradisch +90° +180° +270°
- 47533F
Savannah Moss
- 39535D
≈ Opera Glasses
- 55495D
≈ Mata Hari
- 60483F
≈ Warm Brownie
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.14:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.57:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--savannah-moss: #47533f;
--savannah-moss-rgb: 71 83 63;
--savannah-moss-oklch: oklch(0.426 0.036 133);
}
.element {
color: var(--savannah-moss);
background-color: hsl(96 14% 29%);
border-color: oklch(0.426 0.036 133);
}Tailwind CSS v4
@theme {
--color-savannah-moss: #47533f;
--color-savannah-moss-50: #f1f8ed;
--color-savannah-moss-100: #e3ebdf;
--color-savannah-moss-200: #ced8c9;
--color-savannah-moss-300: #b0bcaa;
--color-savannah-moss-400: #96a38e;
--color-savannah-moss-500: #7d8c74;
--color-savannah-moss-600: #6a7662;
--color-savannah-moss-700: #555e4e;
--color-savannah-moss-800: #3e4538;
--color-savannah-moss-900: #2b3026;
--color-savannah-moss-950: #181c15;
}SCSS
$savannah-moss: #47533f;
$savannah-moss-rgb: 71, 83, 63;
$savannah-moss-light: mix(#fff, $savannah-moss, 20%);
$savannah-moss-dark: mix(#000, $savannah-moss, 20%);
.element {
color: $savannah-moss;
box-shadow: 0 0 0 2px rgba($savannah-moss, 0.35);
}