Adlandırılmış renk · #774548
Musk Memory
Musk Memory, #774548: rgb(119 69 72), hsl(356 27% 37%), oklch(0.451 0.069 16.3). 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 Memory color name →
#774548
oklch(0.451 0.069 16.3)
Renk dönüşümleri
- HEX
- #774548
- RGB
- rgb(119 69 72)
- HSL
- hsl(356 27% 37%)
- HWB
- hwb(356 27% 53%)
- OKLCH
- oklch(0.451 0.069 16.3)
- OKLab
- oklab(0.451 0.066 0.019)
- CIE Lab
- lab(35.53 22.32 7.93)
- LCH
- lch(35.53 23.69 19.6)
- CMYK
- cmyk(0% 42% 39% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 855658
- 926869
- A0797B
- AD8C8C
- BB9E9F
- C9B1B1
- D6C4C4
- E4D7D7
- F1EBEB
Koyu tonlar
- 673B3D
- 573133
- 472729
- 381E1F
- 2A1516
- 1C0C0D
- 100506
- 050202
- 010000
Gri tonlar
- 794B4D
- 7A5153
- 7B5758
- 7C5D5E
- 7D6363
- 7E6969
- 7F6E6F
- 7F7474
- 807A7A
Renk uyumları
Tamamlayıcı +180°
- 774548
Musk Memory
- 176162
≈ Beau Vert
Analog -30° +30°
- 774548
Musk Memory
- 71455D
≈ Wizard Time
- 754934
≈ Riding Boots
Üçlü +120° +240°
- 774548
Musk Memory
- 435E37
≈ Stinging Nettle
- 3C577B
≈ Star Spangled
Bölünmüş tamamlayıcı +150° +210°
- 774548
Musk Memory
- 2A624D
≈ Evening Sea
- 235D73
≈ Deep Blue Sea
Dörtlü +90° +180° +270°
- 774548
Musk Memory
- 5A5827
≈ Reptile Revenge
- 176162
≈ Beau Vert
- 524F7A
≈ Tangent Periwinkle
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.69:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.72:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--musk-memory: #774548;
--musk-memory-rgb: 119 69 72;
--musk-memory-oklch: oklch(0.451 0.069 16.3);
}
.element {
color: var(--musk-memory);
background-color: hsl(356 27% 37%);
border-color: oklch(0.451 0.069 16.3);
}Tailwind CSS v4
@theme {
--color-musk-memory: #774548;
--color-musk-memory-50: #ffeeee;
--color-musk-memory-100: #fedfdf;
--color-musk-memory-200: #f1c9c9;
--color-musk-memory-300: #d9aaaa;
--color-musk-memory-400: #c48e90;
--color-musk-memory-500: #af7376;
--color-musk-memory-600: #946264;
--color-musk-memory-700: #774e50;
--color-musk-memory-800: #58383b;
--color-musk-memory-900: #3d2728;
--color-musk-memory-950: #271516;
}SCSS
$musk-memory: #774548;
$musk-memory-rgb: 119, 69, 72;
$musk-memory-light: mix(#fff, $musk-memory, 20%);
$musk-memory-dark: mix(#000, $musk-memory, 20%);
.element {
color: $musk-memory;
box-shadow: 0 0 0 2px rgba($musk-memory, 0.35);
}