En yakın adlandırılmış renk · #DC8556
#DC8556
En yakın adlandırılmış renk: Copperhead
#DC8556 (rgb(220 133 86), hsl(21 66% 60%), oklch(0.7 0.124 48.2)) en çok Copperhead adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DC8556
oklch(0.7 0.124 48.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E19168
- E59E79
- E9AA8A
- EDB69A
- F1C2AB
- F4CEBC
- F7DBCC
- FAE7DD
- FDF3EE
Koyu tonlar
- BF734A
- A3613E
- 885032
- 6E4027
- 54301C
- 3C2112
- 261308
- 110602
- 020100
Gri tonlar
- D3855C
- CA8561
- C18566
- B8856A
- AF846E
- A68472
- 9D8376
- 938279
- 8A817D
Renk uyumları
Tamamlayıcı +180°
- DC8556
Copperhead
- 30ACDB
≈ Royal Peacock
Analog -30° +30°
- DC8556
Copperhead
- E17D81
≈ Babe
- C89437
≈ Alameda Ochre
Üçlü +120° +240°
- DC8556
Copperhead
- 38B790
≈ Aoife’s Green
- 9B91E7
≈ Perrywinkle
Bölünmüş tamamlayıcı +150° +210°
- DC8556
Copperhead
- 00B4B9
≈ Cyan Sky
- 6D9FEB
≈ Feather Star
Dörtlü +90° +180° +270°
- DC8556
Copperhead
- 76B063
≈ Arugula
- 30ACDB
≈ Royal Peacock
- BE85D0
≈ Purception
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
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);
}