Colore con nome · #A47D43
Wood Thrush
Wood Thrush è #A47D43: rgb(164 125 67), hsl(36 42% 45%), oklch(0.615 0.09 75.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Wood Thrush color name →
#A47D43
oklch(0.615 0.09 75.7)
Conversioni di colore
- HEX
- #a47d43
- RGB
- rgb(164 125 67)
- HSL
- hsl(36 42% 45%)
- HWB
- hwb(36 26% 36%)
- OKLCH
- oklch(0.615 0.09 75.7)
- OKLab
- oklab(0.615 0.022 0.087)
- CIE Lab
- lab(55.38 10.67 37.27)
- LCH
- lch(55.38 38.76 74)
- CMYK
- cmyk(0% 24% 59% 36%)
Tinte · Ombre · Toni
Tinte
- AD8A56
- B69669
- BFA37C
- C8B08E
- D1BDA1
- DACAB3
- E4D7C6
- EDE4D9
- F6F2EC
Ombre
- 8E6C39
- 795B2F
- 644B26
- 503B1D
- 3D2C14
- 2B1E0C
- 1A1105
- 0A0501
- 010100
Toni
- A17E4B
- 9D7E52
- 9A7E58
- 967F5F
- 927F65
- 8F7F6A
- 8B8070
- 878075
- 84807B
Armonie di colore
Complementare +180°
- A47D43
Wood Thrush
- 6087BA
≈ Marine Ink
Analogo -30° +30°
- A47D43
Wood Thrush
- B27356
≈ Sunburn
- 8C8844
≈ Overgrown Citadel
Triadico +120° +240°
- A47D43
Wood Thrush
- 329596
≈ Java
- 9A74AA
≈ Karma Chameleon
Complementare divisa +150° +210°
- A47D43
Wood Thrush
- 4090AE
≈ Boston Blue
- 807DB9
≈ Astro Zinger
Tetradico +90° +180° +270°
- A47D43
Wood Thrush
- 499678
≈ Good Luck
- 6087BA
≈ Marine Ink
- AC6E91
≈ Purple Starburst
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.59:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--wood-thrush: #a47d43;
--wood-thrush-rgb: 164 125 67;
--wood-thrush-oklch: oklch(0.615 0.09 75.7);
}
.element {
color: var(--wood-thrush);
background-color: hsl(36 42% 45%);
border-color: oklch(0.615 0.09 75.7);
}Tailwind CSS v4
@theme {
--color-wood-thrush: #a47d43;
--color-wood-thrush-50: #fff3d9;
--color-wood-thrush-100: #f9e5c7;
--color-wood-thrush-200: #ead0aa;
--color-wood-thrush-300: #d1b283;
--color-wood-thrush-400: #bd9760;
--color-wood-thrush-500: #a87d3b;
--color-wood-thrush-600: #8e6a34;
--color-wood-thrush-700: #725529;
--color-wood-thrush-800: #553d1c;
--color-wood-thrush-900: #3b2a12;
--color-wood-thrush-950: #251805;
}SCSS
$wood-thrush: #a47d43;
$wood-thrush-rgb: 164, 125, 67;
$wood-thrush-light: mix(#fff, $wood-thrush, 20%);
$wood-thrush-dark: mix(#000, $wood-thrush, 20%);
.element {
color: $wood-thrush;
box-shadow: 0 0 0 2px rgba($wood-thrush, 0.35);
}