Colore con nome · #948C7E
Laminated Wood
Laminated Wood è #948C7E: rgb(148 140 126), hsl(38 9% 54%), oklch(0.643 0.022 81.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Laminated Wood color name →
#948C7E
oklch(0.643 0.022 81.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9E978A
- A9A297
- B3ADA3
- BEB9B0
- C8C4BD
- D3D0CA
- DEDBD7
- E9E7E4
- F4F3F1
Ombre
- 80796D
- 6D675C
- 5A554C
- 48433C
- 36332D
- 26231F
- 161411
- 080705
- 010101
Toni
- 928B7E
- 908A7E
- 8E887F
- 8C877F
- 8A867F
- 88857F
- 86847F
- 848280
- 828180
Armonie di colore
Complementare +180°
- 948C7E
Laminated Wood
- 868D9B
≈ Applause Please
Analogo -30° +30°
- 948C7E
Laminated Wood
- 998A81
≈ Hammered Silver
- 8D8F7F
≈ Lavender Leaf Green
Triadico +120° +240°
- 948C7E
Laminated Wood
- 7E9193
≈ Nantucket Bay
- 948995
≈ Smokey Lilac
Complementare divisa +150° +210°
- 948C7E
Laminated Wood
- 809099
≈ London Square
- 8D8B9A
≈ Gentle Grape
Tetradico +90° +180° +270°
- 948C7E
Laminated Wood
- 80928B
≈ Quantum Green
- 868D9B
≈ Applause Please
- 99888E
≈ Purple Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.32:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.31:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}