Adlandırılmış renk · #7E5B58
Musk Deer
Musk Deer, #7E5B58: rgb(126 91 88), hsl(5 18% 42%), oklch(0.507 0.047 24.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Musk Deer color name →
#7E5B58
oklch(0.507 0.047 24.4)
Renk dönüşümleri
- HEX
- #7e5b58
- RGB
- rgb(126 91 88)
- HSL
- hsl(5 18% 42%)
- HWB
- hwb(5 35% 51%)
- OKLCH
- oklch(0.507 0.047 24.4)
- OKLab
- oklab(0.507 0.043 0.019)
- CIE Lab
- lab(42.36 14.48 7.7)
- LCH
- lch(42.36 16.4 28)
- CMYK
- cmyk(0% 28% 30% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8B6A67
- 977A77
- A48987
- B19997
- BEAAA8
- CABAB9
- D7CBCA
- E5DCDB
- F2EDED
Koyu tonlar
- 6D4E4B
- 5C413F
- 4C3533
- 3C2928
- 2D1E1D
- 1F1312
- 110909
- 050303
- 010000
Gri tonlar
- 7E5F5C
- 7F6260
- 7F6664
- 806A68
- 806E6C
- 807170
- 807574
- 807978
- 807C7C
Renk uyumları
Tamamlayıcı +180°
- 7E5B58
Musk Deer
- 446D72
≈ Holy Water
Analog -30° +30°
- 7E5B58
Musk Deer
- 7B5A67
≈ Royal Fig
- 7B5E4C
≈ Caraïbe
Üçlü +120° +240°
- 7E5B58
Musk Deer
- 556D55
≈ Green Bayou
- 586581
≈ Enduring
Bölünmüş tamamlayıcı +150° +210°
- 7E5B58
Musk Deer
- 486E63
≈ Cormorant
- 4A6A7C
≈ Bismarck
Dörtlü +90° +180° +270°
- 7E5B58
Musk Deer
- 64694A
≈ Bancha
- 446D72
≈ Holy Water
- 66607E
≈ Blue Potato
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.95:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.52:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--musk-deer: #7e5b58;
--musk-deer-rgb: 126 91 88;
--musk-deer-oklch: oklch(0.507 0.047 24.4);
}
.element {
color: var(--musk-deer);
background-color: hsl(5 18% 42%);
border-color: oklch(0.507 0.047 24.4);
}Tailwind CSS v4
@theme {
--color-musk-deer: #7e5b58;
--color-musk-deer-50: #fff0ee;
--color-musk-deer-100: #f7e2e0;
--color-musk-deer-200: #e8cdca;
--color-musk-deer-300: #ceafab;
--color-musk-deer-400: #b99491;
--color-musk-deer-500: #a37a77;
--color-musk-deer-600: #8a6865;
--color-musk-deer-700: #6f5350;
--color-musk-deer-800: #523c3b;
--color-musk-deer-900: #392928;
--color-musk-deer-950: #231716;
}SCSS
$musk-deer: #7e5b58;
$musk-deer-rgb: 126, 91, 88;
$musk-deer-light: mix(#fff, $musk-deer, 20%);
$musk-deer-dark: mix(#000, $musk-deer, 20%);
.element {
color: $musk-deer;
box-shadow: 0 0 0 2px rgba($musk-deer, 0.35);
}