Colore con nome · #AA8344
Walnut Shell
Walnut Shell è #AA8344: rgb(170 131 68), hsl(37 43% 47%), oklch(0.634 0.094 77.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Walnut Shell color name →
#AA8344
oklch(0.634 0.094 77.7)
Conversioni di colore
- HEX
- #aa8344
- RGB
- rgb(170 131 68)
- HSL
- hsl(37 43% 47%)
- HWB
- hwb(37 27% 33%)
- OKLCH
- oklch(0.634 0.094 77.7)
- OKLab
- oklab(0.634 0.02 0.092)
- CIE Lab
- lab(57.62 10.16 39.51)
- LCH
- lch(57.62 40.8 75.6)
- CMYK
- cmyk(0% 23% 60% 33%)
Tinte · Ombre · Toni
Tinte
- B38F58
- BB9B6B
- C3A77D
- CCB48F
- D4C0A2
- DDCCB4
- E5D9C7
- EEE6D9
- F6F2EC
Ombre
- 93713A
- 7D6030
- 684F26
- 533F1D
- 3F2F14
- 2D200C
- 1B1205
- 0B0602
- 010100
Toni
- A6834C
- A28353
- 9E8359
- 998260
- 958266
- 91826B
- 8D8171
- 898176
- 84817B
Armonie di colore
Complementare +180°
- AA8344
Walnut Shell
- 668CC3
≈ Provence
Analogo -30° +30°
- AA8344
Walnut Shell
- B97857
≈ Caramel Apple
- 908F47
≈ Martina Olive
Triadico +120° +240°
- AA8344
Walnut Shell
- 319C9F
≈ Empress Envy
- A278B0
≈ Bell Heather
Complementare divisa +150° +210°
- AA8344
Walnut Shell
- 4396B7
≈ Coastline Blue
- 8781C1
≈ Faraway Sky
Tetradico +90° +180° +270°
- AA8344
Walnut Shell
- 499D7F
≈ Wintergreen Shadow
- 668CC3
≈ Provence
- B57395
≈ So Long Shadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.47:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.03:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--walnut-shell: #aa8344;
--walnut-shell-rgb: 170 131 68;
--walnut-shell-oklch: oklch(0.634 0.094 77.7);
}
.element {
color: var(--walnut-shell);
background-color: hsl(37 43% 47%);
border-color: oklch(0.634 0.094 77.7);
}Tailwind CSS v4
@theme {
--color-walnut-shell: #aa8344;
--color-walnut-shell-50: #fff3d8;
--color-walnut-shell-100: #f9e5c5;
--color-walnut-shell-200: #ead0a7;
--color-walnut-shell-300: #d1b280;
--color-walnut-shell-400: #bd975c;
--color-walnut-shell-500: #a87e35;
--color-walnut-shell-600: #8e6a2f;
--color-walnut-shell-700: #725525;
--color-walnut-shell-800: #553d19;
--color-walnut-shell-900: #3b2a10;
--color-walnut-shell-950: #251804;
}SCSS
$walnut-shell: #aa8344;
$walnut-shell-rgb: 170, 131, 68;
$walnut-shell-light: mix(#fff, $walnut-shell, 20%);
$walnut-shell-dark: mix(#000, $walnut-shell, 20%);
.element {
color: $walnut-shell;
box-shadow: 0 0 0 2px rgba($walnut-shell, 0.35);
}