Colore con nome più vicino · #DC8556
#DC8556
Colore con nome più vicino: Copperhead
#DC8556 (rgb(220 133 86), hsl(21 66% 60%), oklch(0.7 0.124 48.2)) è più vicino al colore con nome Copperhead. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DC8556
oklch(0.7 0.124 48.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E19168
- E59E79
- E9AA8A
- EDB69A
- F1C2AB
- F4CEBC
- F7DBCC
- FAE7DD
- FDF3EE
Ombre
- BF734A
- A3613E
- 885032
- 6E4027
- 54301C
- 3C2112
- 261308
- 110602
- 020100
Toni
- D3855C
- CA8561
- C18566
- B8856A
- AF846E
- A68472
- 9D8376
- 938279
- 8A817D
Armonie di colore
Complementare +180°
- DC8556
Copperhead
- 30ACDB
≈ Royal Peacock
Analogo -30° +30°
- DC8556
Copperhead
- E17D81
≈ Babe
- C89437
≈ Alameda Ochre
Triadico +120° +240°
- DC8556
Copperhead
- 38B790
≈ Aoife’s Green
- 9B91E7
≈ Perrywinkle
Complementare divisa +150° +210°
- DC8556
Copperhead
- 00B4B9
≈ Cyan Sky
- 6D9FEB
≈ Feather Star
Tetradico +90° +180° +270°
- DC8556
Copperhead
- 76B063
≈ Arugula
- 30ACDB
≈ Royal Peacock
- BE85D0
≈ Purception
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.53:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
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);
}