Colore con nome · #7E5B58
Musk Deer
Musk Deer è #7E5B58: rgb(126 91 88), hsl(5 18% 42%), oklch(0.507 0.047 24.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Musk Deer color name →
#7E5B58
oklch(0.507 0.047 24.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8B6A67
- 977A77
- A48987
- B19997
- BEAAA8
- CABAB9
- D7CBCA
- E5DCDB
- F2EDED
Ombre
- 6D4E4B
- 5C413F
- 4C3533
- 3C2928
- 2D1E1D
- 1F1312
- 110909
- 050303
- 010000
Toni
- 7E5F5C
- 7F6260
- 7F6664
- 806A68
- 806E6C
- 807170
- 807574
- 807978
- 807C7C
Armonie di colore
Complementare +180°
- 7E5B58
Musk Deer
- 446D72
≈ Holy Water
Analogo -30° +30°
- 7E5B58
Musk Deer
- 7B5A67
≈ Royal Fig
- 7B5E4C
≈ Caraïbe
Triadico +120° +240°
- 7E5B58
Musk Deer
- 556D55
≈ Green Bayou
- 586581
≈ Enduring
Complementare divisa +150° +210°
- 7E5B58
Musk Deer
- 486E63
≈ Cormorant
- 4A6A7C
≈ Bismarck
Tetradico +90° +180° +270°
- 7E5B58
Musk Deer
- 64694A
≈ Bancha
- 446D72
≈ Holy Water
- 66607E
≈ Blue Potato
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.95:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.52:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
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);
}