Cor nomeada · #DC9B68
Coyote
Coyote é #DC9B68: rgb(220 155 104), hsl(26 62% 64%), oklch(0.742 0.103 58.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coyote color name →
#DC9B68
oklch(0.742 0.103 58.4)
Conversões de cor
- HEX
- #dc9b68
- RGB
- rgb(220 155 104)
- HSL
- hsl(26 62% 64%)
- HWB
- hwb(26 41% 14%)
- OKLCH
- oklch(0.742 0.103 58.4)
- OKLab
- oklab(0.742 0.054 0.088)
- CIE Lab
- lab(69.65 20.95 36.79)
- LCH
- lch(69.65 42.34 60.3)
- CMYK
- cmyk(0% 30% 53% 14%)
Tons claros · Sombras · Tons
Tons claros
- E0A578
- E4AF87
- E8B996
- ECC3A5
- EFCDB4
- F3D7C3
- F6E1D2
- F9EBE1
- FCF5F0
Sombras
- BF8659
- A3724B
- 885E3E
- 6E4B30
- 543924
- 3C2818
- 26180C
- 110904
- 020100
Tons
- D3996B
- CA966F
- C09471
- B79174
- AE8E76
- A58C79
- 9C897B
- 93867D
- 89837E
Harmonias de cor
Complementar +180°
- DC9B68
Coyote
- 69B5E5
≈ Xavier Blue
Análoga -30° +30°
- DC9B68
Coyote
- E59286
≈ Strawberry Memory
- C6A85B
≈ Laser
Tríade +120° +240°
- DC9B68
Coyote
- 57C1AC
≈ Florida Keys
- B39DE4
≈ Violet Velvet
Complementar dividida +150° +210°
- DC9B68
Coyote
- 4DBDCE
≈ Water Sports
- 90A9ED
≈ Kitten’s Eye
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 8.93:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--coyote: #dc9b68;
--coyote-rgb: 220 155 104;
--coyote-oklch: oklch(0.742 0.103 58.4);
}
.element {
color: var(--coyote);
background-color: hsl(26 62% 64%);
border-color: oklch(0.742 0.103 58.4);
}Tailwind CSS v4
@theme {
--color-coyote: #dc9b68;
--color-coyote-50: #ffefd8;
--color-coyote-100: #ffe1c6;
--color-coyote-200: #f6cba8;
--color-coyote-300: #dfab82;
--color-coyote-400: #cc8f5f;
--color-coyote-500: #b8743a;
--color-coyote-600: #9c6232;
--color-coyote-700: #7d4e28;
--color-coyote-800: #5d381c;
--color-coyote-900: #412712;
--color-coyote-950: #2a1505;
}SCSS
$coyote: #dc9b68;
$coyote-rgb: 220, 155, 104;
$coyote-light: mix(#fff, $coyote, 20%);
$coyote-dark: mix(#000, $coyote, 20%);
.element {
color: $coyote;
box-shadow: 0 0 0 2px rgba($coyote, 0.35);
}