Cor nomeada · #AC8D74
Cantankerous Coyote
Cantankerous Coyote é #AC8D74: rgb(172 141 116), hsl(27 25% 56%), oklch(0.666 0.052 60.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cantankerous Coyote color name →
#AC8D74
oklch(0.666 0.052 60.6)
Conversões de cor
- HEX
- #ac8d74
- RGB
- rgb(172 141 116)
- HSL
- hsl(27 25% 56%)
- HWB
- hwb(27 45% 33%)
- OKLCH
- oklch(0.666 0.052 60.6)
- OKLab
- oklab(0.666 0.025 0.045)
- CIE Lab
- lab(61.07 9.37 18.02)
- LCH
- lch(61.07 20.31 62.5)
- CMYK
- cmyk(0% 18% 33% 33%)
Tons claros · Sombras · Tons
Tons claros
- B49881
- BCA38F
- C5AE9C
- CDB9AA
- D5C5B8
- DED0C6
- E6DCD4
- EEE7E2
- F7F3F0
Sombras
- 957A64
- 7F6754
- 695545
- 544437
- 403329
- 2D231B
- 1B140F
- 0B0705
- 010101
Tons
- A88C75
- A38B77
- 9F8978
- 9B8879
- 96877B
- 92857C
- 8D847D
- 89837E
- 84817F
Harmonias de cor
Complementar +180°
- AC8D74
Cantankerous Coyote
- 7899B1
≈ Dyer’s Woad
Análoga -30° +30°
- AC8D74
Cantankerous Coyote
- B28981
≈ Warm Comfort
- A09370
≈ Gristmill
Tríade +120° +240°
- AC8D74
Cantankerous Coyote
- 719F95
≈ Greyish Teal
- 998DAF
≈ Greek Lavender
Complementar dividida +150° +210°
- AC8D74
Cantankerous Coyote
- 6E9DA6
≈ Voyage
- 8893B4
≈ Fresh Lavender
Tétrade +90° +180° +270°
- AC8D74
Cantankerous Coyote
- 7D9D84
≈ Vineyard
- 7899B1
≈ Dyer’s Woad
- A789A3
≈ Plum Perfume
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.08:1 · APCA Lc 58
Ag
AASobre preto
WCAG 6.81:1 · APCA Lc 44
Melhor cor de texto: #000000
WCAG 6.81:1 (AA) · APCA Lc 44
Contrast pairs
Trechos de código
CSS
:root {
--cantankerous-coyote: #ac8d74;
--cantankerous-coyote-rgb: 172 141 116;
--cantankerous-coyote-oklch: oklch(0.666 0.052 60.6);
}
.element {
color: var(--cantankerous-coyote);
background-color: hsl(27 25% 56%);
border-color: oklch(0.666 0.052 60.6);
}Tailwind CSS v4
@theme {
--color-cantankerous-coyote: #ac8d74;
--color-cantankerous-coyote-50: #fff2e6;
--color-cantankerous-coyote-100: #f5e5d7;
--color-cantankerous-coyote-200: #e5d0be;
--color-cantankerous-coyote-300: #cbb29d;
--color-cantankerous-coyote-400: #b69880;
--color-cantankerous-coyote-500: #a07f63;
--color-cantankerous-coyote-600: #876b54;
--color-cantankerous-coyote-700: #6c5643;
--color-cantankerous-coyote-800: #503e31;
--color-cantankerous-coyote-900: #382b21;
--color-cantankerous-coyote-950: #221810;
}SCSS
$cantankerous-coyote: #ac8d74;
$cantankerous-coyote-rgb: 172, 141, 116;
$cantankerous-coyote-light: mix(#fff, $cantankerous-coyote, 20%);
$cantankerous-coyote-dark: mix(#000, $cantankerous-coyote, 20%);
.element {
color: $cantankerous-coyote;
box-shadow: 0 0 0 2px rgba($cantankerous-coyote, 0.35);
}