Benannte Farbe · #837048
Valencia Moss
Valencia Moss ist #837048: rgb(131 112 72), hsl(41 29% 40%), oklch(0.553 0.061 85.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Valencia Moss color name →
#837048
oklch(0.553 0.061 85.1)
Farbumrechnungen
- HEX
- #837048
- RGB
- rgb(131 112 72)
- HSL
- hsl(41 29% 40%)
- HWB
- hwb(41 28% 49%)
- OKLCH
- oklch(0.553 0.061 85.1)
- OKLab
- oklab(0.553 0.005 0.061)
- CIE Lab
- lab(48.33 3.42 25.11)
- LCH
- lch(48.33 25.34 82.2)
- CMYK
- cmyk(0% 15% 45% 49%)
Tints · Shades · Tones
Tints
- 8F7D59
- 9B8B6B
- A7997D
- B3A78F
- BFB5A1
- CCC4B3
- D8D2C6
- E5E1D9
- F2F0EC
Shades
- 71603D
- 605133
- 4F4329
- 3F351F
- 2F2716
- 201A0D
- 120E06
- 060402
- 010100
Tones
- 83724E
- 827354
- 82755A
- 82775F
- 827865
- 817A6B
- 817B70
- 817D75
- 807E7B
Farbharmonien
Komplementär +180°
- 837048
Valencia Moss
- 617297
≈ Ocean Night
Analog -30° +30°
- 837048
Valencia Moss
- 8F6950
≈ Warm Nutmeg
- 71774D
≈ Ancient Bonsai
Triadisch +120° +240°
- 837048
Valencia Moss
- 437D84
≈ For the Love of Hue
- 856686
≈ Sunshone Plum
Geteilt komplementär +150° +210°
- 837048
Valencia Moss
- 4E7992
≈ Moody Teal
- 756C93
≈ Bureaucracy
Tetradisch +90° +180° +270°
- 837048
Valencia Moss
- 4A7E70
≈ Azurite Water Green
- 617297
≈ Ocean Night
- 906474
≈ Victorian Plum
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.79:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.37:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--valencia-moss: #837048;
--valencia-moss-rgb: 131 112 72;
--valencia-moss-oklch: oklch(0.553 0.061 85.1);
}
.element {
color: var(--valencia-moss);
background-color: hsl(41 29% 40%);
border-color: oklch(0.553 0.061 85.1);
}Tailwind CSS v4
@theme {
--color-valencia-moss: #837048;
--color-valencia-moss-50: #fdf4e2;
--color-valencia-moss-100: #f1e7d1;
--color-valencia-moss-200: #dfd3b7;
--color-valencia-moss-300: #c5b694;
--color-valencia-moss-400: #af9c75;
--color-valencia-moss-500: #998356;
--color-valencia-moss-600: #816f49;
--color-valencia-moss-700: #67593a;
--color-valencia-moss-800: #4d4129;
--color-valencia-moss-900: #352d1c;
--color-valencia-moss-950: #201a0c;
}SCSS
$valencia-moss: #837048;
$valencia-moss-rgb: 131, 112, 72;
$valencia-moss-light: mix(#fff, $valencia-moss, 20%);
$valencia-moss-dark: mix(#000, $valencia-moss, 20%);
.element {
color: $valencia-moss;
box-shadow: 0 0 0 2px rgba($valencia-moss, 0.35);
}