Cor nomeada · #A47D43
Wood Thrush
Wood Thrush é #A47D43: rgb(164 125 67), hsl(36 42% 45%), oklch(0.615 0.09 75.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Wood Thrush color name →
#A47D43
oklch(0.615 0.09 75.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- AD8A56
- B69669
- BFA37C
- C8B08E
- D1BDA1
- DACAB3
- E4D7C6
- EDE4D9
- F6F2EC
Sombras
- 8E6C39
- 795B2F
- 644B26
- 503B1D
- 3D2C14
- 2B1E0C
- 1A1105
- 0A0501
- 010100
Tons
- A17E4B
- 9D7E52
- 9A7E58
- 967F5F
- 927F65
- 8F7F6A
- 8B8070
- 878075
- 84807B
Harmonias de cor
Complementar +180°
- A47D43
Wood Thrush
- 6087BA
≈ Marine Ink
Análoga -30° +30°
- A47D43
Wood Thrush
- B27356
≈ Sunburn
- 8C8844
≈ Overgrown Citadel
Tríade +120° +240°
- A47D43
Wood Thrush
- 329596
≈ Java
- 9A74AA
≈ Karma Chameleon
Complementar dividida +150° +210°
- A47D43
Wood Thrush
- 4090AE
≈ Boston Blue
- 807DB9
≈ Astro Zinger
Tétrade +90° +180° +270°
- A47D43
Wood Thrush
- 499678
≈ Good Luck
- 6087BA
≈ Marine Ink
- AC6E91
≈ Purple Starburst
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.75:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.59:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
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);
}