Benannte Farbe · #948C7E
Laminated Wood
Laminated Wood ist #948C7E: rgb(148 140 126), hsl(38 9% 54%), oklch(0.643 0.022 81.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Laminated Wood color name →
#948C7E
oklch(0.643 0.022 81.7)
Farbumrechnungen
- HEX
- #948c7e
- RGB
- rgb(148 140 126)
- HSL
- hsl(38 9% 54%)
- HWB
- hwb(38 49% 42%)
- OKLCH
- oklch(0.643 0.022 81.7)
- OKLab
- oklab(0.643 0.003 0.022)
- CIE Lab
- lab(58.65 1.23 8.63)
- LCH
- lch(58.65 8.72 81.9)
- CMYK
- cmyk(0% 5% 15% 42%)
Tints · Shades · Tones
Tints
- 9E978A
- A9A297
- B3ADA3
- BEB9B0
- C8C4BD
- D3D0CA
- DEDBD7
- E9E7E4
- F4F3F1
Shades
- 80796D
- 6D675C
- 5A554C
- 48433C
- 36332D
- 26231F
- 161411
- 080705
- 010101
Tones
- 928B7E
- 908A7E
- 8E887F
- 8C877F
- 8A867F
- 88857F
- 86847F
- 848280
- 828180
Farbharmonien
Komplementär +180°
- 948C7E
Laminated Wood
- 868D9B
≈ Applause Please
Analog -30° +30°
- 948C7E
Laminated Wood
- 998A81
≈ Hammered Silver
- 8D8F7F
≈ Lavender Leaf Green
Triadisch +120° +240°
- 948C7E
Laminated Wood
- 7E9193
≈ Nantucket Bay
- 948995
≈ Smokey Lilac
Geteilt komplementär +150° +210°
- 948C7E
Laminated Wood
- 809099
≈ London Square
- 8D8B9A
≈ Gentle Grape
Tetradisch +90° +180° +270°
- 948C7E
Laminated Wood
- 80928B
≈ Quantum Green
- 868D9B
≈ Applause Please
- 99888E
≈ Purple Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.32:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.31:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--laminated-wood: #948c7e;
--laminated-wood-rgb: 148 140 126;
--laminated-wood-oklch: oklch(0.643 0.022 81.7);
}
.element {
color: var(--laminated-wood);
background-color: hsl(38 9% 54%);
border-color: oklch(0.643 0.022 81.7);
}Tailwind CSS v4
@theme {
--color-laminated-wood: #948c7e;
--color-laminated-wood-50: #f8f5ee;
--color-laminated-wood-100: #ebe7e0;
--color-laminated-wood-200: #d9d4ca;
--color-laminated-wood-300: #bdb7ab;
--color-laminated-wood-400: #a59d90;
--color-laminated-wood-500: #8e8576;
--color-laminated-wood-600: #787164;
--color-laminated-wood-700: #605a50;
--color-laminated-wood-800: #47423a;
--color-laminated-wood-900: #312d28;
--color-laminated-wood-950: #1d1a16;
}SCSS
$laminated-wood: #948c7e;
$laminated-wood-rgb: 148, 140, 126;
$laminated-wood-light: mix(#fff, $laminated-wood, 20%);
$laminated-wood-dark: mix(#000, $laminated-wood, 20%);
.element {
color: $laminated-wood;
box-shadow: 0 0 0 2px rgba($laminated-wood, 0.35);
}