Cor nomeada mais próxima · #DC8556
#DC8556
Cor nomeada mais próxima: Copperhead
#DC8556 (rgb(220 133 86), hsl(21 66% 60%), oklch(0.7 0.124 48.2)) é mais próxima da cor nomeada Copperhead. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DC8556
oklch(0.7 0.124 48.2)
Conversões de cor
- HEX
- #dc8556
- RGB
- rgb(220 133 86)
- HSL
- hsl(21 66% 60%)
- HWB
- hwb(21 34% 14%)
- OKLCH
- oklch(0.7 0.124 48.2)
- OKLab
- oklab(0.7 0.083 0.092)
- CIE Lab
- lab(64.41 31.15 39.92)
- LCH
- lch(64.41 50.64 52)
- CMYK
- cmyk(0% 40% 61% 14%)
Tons claros · Sombras · Tons
Tons claros
- E19168
- E59E79
- E9AA8A
- EDB69A
- F1C2AB
- F4CEBC
- F7DBCC
- FAE7DD
- FDF3EE
Sombras
- BF734A
- A3613E
- 885032
- 6E4027
- 54301C
- 3C2112
- 261308
- 110602
- 020100
Tons
- D3855C
- CA8561
- C18566
- B8856A
- AF846E
- A68472
- 9D8376
- 938279
- 8A817D
Harmonias de cor
Complementar +180°
- DC8556
Copperhead
- 30ACDB
≈ Royal Peacock
Análoga -30° +30°
- DC8556
Copperhead
- E17D81
≈ Babe
- C89437
≈ Alameda Ochre
Tríade +120° +240°
- DC8556
Copperhead
- 38B790
≈ Aoife’s Green
- 9B91E7
≈ Perrywinkle
Complementar dividida +150° +210°
- DC8556
Copperhead
- 00B4B9
≈ Cyan Sky
- 6D9FEB
≈ Feather Star
Tétrade +90° +180° +270°
- DC8556
Copperhead
- 76B063
≈ Arugula
- 30ACDB
≈ Royal Peacock
- BE85D0
≈ Purception
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.53:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--copperhead: #dc8556;
--copperhead-rgb: 220 133 86;
--copperhead-oklch: oklch(0.7 0.124 48.2);
}
.element {
color: var(--copperhead);
background-color: hsl(21 66% 60%);
border-color: oklch(0.7 0.124 48.2);
}Tailwind CSS v4
@theme {
--color-copperhead: #dc8556;
--color-copperhead-50: #ffecd6;
--color-copperhead-100: #ffddc3;
--color-copperhead-200: #ffc6a5;
--color-copperhead-300: #eba57d;
--color-copperhead-400: #d9875b;
--color-copperhead-500: #c66933;
--color-copperhead-600: #a8592d;
--color-copperhead-700: #874724;
--color-copperhead-800: #643319;
--color-copperhead-900: #472310;
--color-copperhead-950: #2e1104;
}SCSS
$copperhead: #dc8556;
$copperhead-rgb: 220, 133, 86;
$copperhead-light: mix(#fff, $copperhead, 20%);
$copperhead-dark: mix(#000, $copperhead, 20%);
.element {
color: $copperhead;
box-shadow: 0 0 0 2px rgba($copperhead, 0.35);
}