Adlandırılmış renk · #80474E
Desert Canyon
Desert Canyon, #80474E: rgb(128 71 78), hsl(353 29% 39%), oklch(0.468 0.078 12.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Desert Canyon color name →
#80474E
oklch(0.468 0.078 12.7)
Renk dönüşümleri
- HEX
- #80474e
- RGB
- rgb(128 71 78)
- HSL
- hsl(353 29% 39%)
- HWB
- hwb(353 28% 50%)
- OKLCH
- oklch(0.468 0.078 12.7)
- OKLab
- oklab(0.468 0.076 0.017)
- CIE Lab
- lab(37.45 25.54 7.07)
- LCH
- lch(37.45 26.5 15.5)
- CMYK
- cmyk(0% 45% 39% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8D585E
- 9A6A6E
- A77B7F
- B48D90
- C09FA2
- CDB2B4
- DAC5C6
- E6D8D9
- F3EBEC
Koyu tonlar
- 6E3D43
- 5D3238
- 4D282D
- 3D1F23
- 2E1619
- 1F0D0F
- 120607
- 060202
- 010000
Gri tonlar
- 814D53
- 815358
- 82595D
- 825E62
- 826467
- 826A6C
- 826F71
- 817576
- 817A7B
Renk uyumları
Tamamlayıcı +180°
- 80474E
Desert Canyon
- 086866
≈ Chinese Garden
Analog -30° +30°
- 80474E
Desert Canyon
- 794866
≈ Fig Cluster
- 7F4B36
≈ Sencha Brown
Üçlü +120° +240°
- 80474E
Desert Canyon
- 496434
≈ Gemstone Green
- 395D85
≈ Pelagic
Bölünmüş tamamlayıcı +150° +210°
- 80474E
Desert Canyon
- 2A684D
≈ Pumpkin Green
- 19647A
≈ World’s Away
Dörtlü +90° +180° +270°
- 80474E
Desert Canyon
- 635C22
≈ High Forest Green
- 086866
≈ Chinese Garden
- 545485
≈ Baby Whale
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.16:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.92:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--desert-canyon: #80474e;
--desert-canyon-rgb: 128 71 78;
--desert-canyon-oklch: oklch(0.468 0.078 12.7);
}
.element {
color: var(--desert-canyon);
background-color: hsl(353 29% 39%);
border-color: oklch(0.468 0.078 12.7);
}Tailwind CSS v4
@theme {
--color-desert-canyon: #80474e;
--color-desert-canyon-50: #ffedee;
--color-desert-canyon-100: #ffdee0;
--color-desert-canyon-200: #f4c7ca;
--color-desert-canyon-300: #dca8ab;
--color-desert-canyon-400: #c88c91;
--color-desert-canyon-500: #b47078;
--color-desert-canyon-600: #985f65;
--color-desert-canyon-700: #7a4c51;
--color-desert-canyon-800: #5a373c;
--color-desert-canyon-900: #3f2529;
--color-desert-canyon-950: #281417;
}SCSS
$desert-canyon: #80474e;
$desert-canyon-rgb: 128, 71, 78;
$desert-canyon-light: mix(#fff, $desert-canyon, 20%);
$desert-canyon-dark: mix(#000, $desert-canyon, 20%);
.element {
color: $desert-canyon;
box-shadow: 0 0 0 2px rgba($desert-canyon, 0.35);
}