Colore con nome · #CCA195
Musk
Musk è #CCA195: rgb(204 161 149), hsl(13 35% 69%), oklch(0.745 0.054 36.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Musk color name →
#CCA195
oklch(0.745 0.054 36.1)
Conversioni di colore
- HEX
- #cca195
- RGB
- rgb(204 161 149)
- HSL
- hsl(13 35% 69%)
- HWB
- hwb(13 58% 20%)
- OKLCH
- oklch(0.745 0.054 36.1)
- OKLab
- oklab(0.745 0.044 0.032)
- CIE Lab
- lab(70.04 15.11 12.66)
- LCH
- lch(70.04 19.71 40)
- CMYK
- cmyk(0% 21% 27% 20%)
Tinte · Ombre · Toni
Tinte
- D1AA9F
- D7B3AA
- DCBDB4
- E1C6BE
- E6CFC9
- EBD9D4
- F0E2DE
- F5ECE9
- FAF5F4
Ombre
- B18B81
- 97766D
- 7E625A
- 654E48
- 4E3C37
- 372A26
- 221916
- 0F0908
- 020101
Toni
- C49E93
- BD9A91
- B5978F
- AD948D
- A6918B
- 9E8D89
- 978A86
- 8F8784
- 888382
Armonie di colore
Complementare +180°
- CCA195
Musk
- 85B6C2
≈ Crystal Lake
Analogo -30° +30°
- CCA195
Musk
- CB9FA7
≈ Primula
- C5A689
≈ Beige Intenso
Triadico +120° +240°
Complementare divisa +150° +210°
- CCA195
Musk
- 85B8B1
≈ Vintage Blue
- 91B0CD
≈ Matte Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.09:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--musk: #cca195;
--musk-rgb: 204 161 149;
--musk-oklch: oklch(0.745 0.054 36.1);
}
.element {
color: var(--musk);
background-color: hsl(13 35% 69%);
border-color: oklch(0.745 0.054 36.1);
}Tailwind CSS v4
@theme {
--color-musk: #cca195;
--color-musk-50: #fff0ea;
--color-musk-100: #f9e2db;
--color-musk-200: #eacdc4;
--color-musk-300: #d1afa4;
--color-musk-400: #bc9488;
--color-musk-500: #a77a6d;
--color-musk-600: #8d675d;
--color-musk-700: #71524a;
--color-musk-800: #533c36;
--color-musk-900: #3a2925;
--color-musk-950: #241713;
}SCSS
$musk: #cca195;
$musk-rgb: 204, 161, 149;
$musk-light: mix(#fff, $musk, 20%);
$musk-dark: mix(#000, $musk, 20%);
.element {
color: $musk;
box-shadow: 0 0 0 2px rgba($musk, 0.35);
}