Colore con nome · #8C7C61
Elmwood
Elmwood è #8C7C61: rgb(140 124 97), hsl(38 18% 46%), oklch(0.594 0.044 80.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Elmwood color name →
#8C7C61
oklch(0.594 0.044 80.6)
Conversioni di colore
- HEX
- #8c7c61
- RGB
- rgb(140 124 97)
- HSL
- hsl(38 18% 46%)
- HWB
- hwb(38 38% 45%)
- OKLCH
- oklch(0.594 0.044 80.6)
- OKLab
- oklab(0.594 0.007 0.043)
- CIE Lab
- lab(52.96 3.15 17.17)
- LCH
- lch(52.96 17.45 79.6)
- CMYK
- cmyk(0% 11% 31% 45%)
Tinte · Ombre · Toni
Tinte
- 978870
- A2957F
- ADA28E
- B9AF9E
- C4BCAD
- D0C9BD
- DBD6CD
- E7E4DE
- F3F1EE
Ombre
- 796B53
- 675A46
- 554A39
- 433B2D
- 332C21
- 231E15
- 14110B
- 070503
- 010100
Toni
- 8B7C64
- 8A7D67
- 887D6B
- 877E6E
- 867E71
- 857F74
- 847F77
- 827F7A
- 81807D
Armonie di colore
Complementare +180°
- 8C7C61
Elmwood
- 707F99
≈ Country Blue
Analogo -30° +30°
- 8C7C61
Elmwood
- 947767
≈ Burro
- 7F8163
≈ Spores
Triadico +120° +240°
- 8C7C61
Elmwood
- 5F8789
≈ Arctic
- 8B768F
≈ Self Powered
Complementare divisa +150° +210°
- 8C7C61
Elmwood
- 648494
≈ Play Me a Melody
- 7E7A97
≈ Kinlock
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.06:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.17:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--elmwood: #8c7c61;
--elmwood-rgb: 140 124 97;
--elmwood-oklch: oklch(0.594 0.044 80.6);
}
.element {
color: var(--elmwood);
background-color: hsl(38 18% 46%);
border-color: oklch(0.594 0.044 80.6);
}Tailwind CSS v4
@theme {
--color-elmwood: #8c7c61;
--color-elmwood-50: #fbf4e7;
--color-elmwood-100: #efe7d8;
--color-elmwood-200: #ddd3c0;
--color-elmwood-300: #c2b69f;
--color-elmwood-400: #ac9c82;
--color-elmwood-500: #958465;
--color-elmwood-600: #7e6f56;
--color-elmwood-700: #655945;
--color-elmwood-800: #4b4131;
--color-elmwood-900: #342d21;
--color-elmwood-950: #1f1a11;
}SCSS
$elmwood: #8c7c61;
$elmwood-rgb: 140, 124, 97;
$elmwood-light: mix(#fff, $elmwood, 20%);
$elmwood-dark: mix(#000, $elmwood, 20%);
.element {
color: $elmwood;
box-shadow: 0 0 0 2px rgba($elmwood, 0.35);
}