Colore con nome · #997C85
Mulberry Wine
Mulberry Wine è #997C85: rgb(153 124 133), hsl(341 12% 54%), oklch(0.617 0.038 357.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mulberry Wine color name →
#997C85
oklch(0.617 0.038 357.7)
Conversioni di colore
- HEX
- #997c85
- RGB
- rgb(153 124 133)
- HSL
- hsl(341 12% 54%)
- HWB
- hwb(341 49% 40%)
- OKLCH
- oklch(0.617 0.038 357.7)
- OKLab
- oklab(0.617 0.038 -0.002)
- CIE Lab
- lab(55.03 12.7 -0.44)
- LCH
- lch(55.03 12.71 358)
- CMYK
- cmyk(0% 19% 13% 40%)
Tinte · Ombre · Toni
Tinte
- A38891
- AD959C
- B7A2A8
- C1AEB4
- CBBCC0
- D6C9CC
- E0D6D9
- EAE4E5
- F5F1F2
Ombre
- 846B73
- 705A61
- 5D4A50
- 4A3B40
- 382C30
- 271E21
- 171113
- 080506
- 010101
Toni
- 977C84
- 947D84
- 927D83
- 8F7E83
- 8D7E82
- 8A7F82
- 887F81
- 857F81
- 838080
Armonie di colore
Complementare +180°
- 997C85
Mulberry Wine
- 6D8D85
≈ Aspen Hush
Analogo -30° +30°
- 997C85
Mulberry Wine
- 927D91
≈ Plum Swirl
- 9B7D79
≈ Cafe Ole
Triadico +120° +240°
- 997C85
Mulberry Wine
- 83896F
≈ Aloe Vera Tea
- 70899A
≈ China Clay
Complementare divisa +150° +210°
- 997C85
Mulberry Wine
- 768C78
≈ Hedge Green
- 6B8C91
≈ Blue Shoal
Tetradico +90° +180° +270°
- 997C85
Mulberry Wine
- 8F846B
≈ Brown Grey
- 6D8D85
≈ Aspen Hush
- 7B859D
≈ Tempest
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--mulberry-wine: #997c85;
--mulberry-wine-rgb: 153 124 133;
--mulberry-wine-oklch: oklch(0.617 0.038 357.7);
}
.element {
color: var(--mulberry-wine);
background-color: hsl(341 12% 54%);
border-color: oklch(0.617 0.038 357.7);
}Tailwind CSS v4
@theme {
--color-mulberry-wine: #997c85;
--color-mulberry-wine-50: #fff1f5;
--color-mulberry-wine-100: #f4e3e7;
--color-mulberry-wine-200: #e3ced3;
--color-mulberry-wine-300: #c9b0b7;
--color-mulberry-wine-400: #b2969e;
--color-mulberry-wine-500: #9c7c86;
--color-mulberry-wine-600: #846971;
--color-mulberry-wine-700: #6a545b;
--color-mulberry-wine-800: #4e3d43;
--color-mulberry-wine-900: #362a2e;
--color-mulberry-wine-950: #21181b;
}SCSS
$mulberry-wine: #997c85;
$mulberry-wine-rgb: 153, 124, 133;
$mulberry-wine-light: mix(#fff, $mulberry-wine, 20%);
$mulberry-wine-dark: mix(#000, $mulberry-wine, 20%);
.element {
color: $mulberry-wine;
box-shadow: 0 0 0 2px rgba($mulberry-wine, 0.35);
}