Adlandırılmış renk · #77422C
Copper Canyon
Copper Canyon, #77422C: rgb(119 66 44), hsl(18 46% 32%), oklch(0.439 0.081 42.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Copper Canyon color name →
#77422C
oklch(0.439 0.081 42.9)
Renk dönüşümleri
- HEX
- #77422c
- RGB
- rgb(119 66 44)
- HSL
- hsl(18 46% 32%)
- HWB
- hwb(18 17% 53%)
- OKLCH
- oklch(0.439 0.081 42.9)
- OKLab
- oklab(0.439 0.059 0.055)
- CIE Lab
- lab(34.32 21.89 23.71)
- LCH
- lch(34.32 32.27 47.3)
- CMYK
- cmyk(0% 45% 63% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 855440
- 936553
- A07867
- AE8A7C
- BB9D91
- C9B0A6
- D6C3BC
- E4D7D2
- F1EBE8
Koyu tonlar
- 673825
- 572F1E
- 472517
- 381C11
- 2A140A
- 1C0B05
- 100502
- 050101
- 010000
Gri tonlar
- 794835
- 7A4F3D
- 7B5546
- 7C5B4E
- 7D6156
- 7E685F
- 7F6E67
- 80746F
- 807A78
Renk uyumları
Tamamlayıcı +180°
- 77422C
Copper Canyon
- 025B72
≈ Octagon Ocean
Analog -30° +30°
- 77422C
Copper Canyon
- 783E45
≈ Amfissa Olive
- 6D4A16
≈ Antique Bronze
Üçlü +120° +240°
- 77422C
Copper Canyon
- 1C6045
≈ Green Paw Paw
- 4C4C7D
≈ Altar of Heaven
Bölünmüş tamamlayıcı +150° +210°
- 77422C
Copper Canyon
- 005F5D
≈ Mosque
- 2F547E
≈ Overtake
Dörtlü +90° +180° +270°
- 77422C
Copper Canyon
- 405C2B
≈ Obscure Olive
- 025B72
≈ Octagon Ocean
- 624472
≈ Royal Rajah
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.07:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.60:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--copper-canyon: #77422c;
--copper-canyon-rgb: 119 66 44;
--copper-canyon-oklch: oklch(0.439 0.081 42.9);
}
.element {
color: var(--copper-canyon);
background-color: hsl(18 46% 32%);
border-color: oklch(0.439 0.081 42.9);
}Tailwind CSS v4
@theme {
--color-copper-canyon: #77422c;
--color-copper-canyon-50: #ffefe3;
--color-copper-canyon-100: #ffe0d2;
--color-copper-canyon-200: #f3cab8;
--color-copper-canyon-300: #dcab96;
--color-copper-canyon-400: #c88f78;
--color-copper-canyon-500: #b4745a;
--color-copper-canyon-600: #98624d;
--color-copper-canyon-700: #7a4f3d;
--color-copper-canyon-800: #5a392c;
--color-copper-canyon-900: #3f271e;
--color-copper-canyon-950: #28150e;
}SCSS
$copper-canyon: #77422c;
$copper-canyon-rgb: 119, 66, 44;
$copper-canyon-light: mix(#fff, $copper-canyon, 20%);
$copper-canyon-dark: mix(#000, $copper-canyon, 20%);
.element {
color: $copper-canyon;
box-shadow: 0 0 0 2px rgba($copper-canyon, 0.35);
}