Colore con nome · #5C3839
Warmed Wine
Warmed Wine è #5C3839: rgb(92 56 57), hsl(358 24% 29%), oklch(0.384 0.052 17.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Warmed Wine color name →
#5C3839
oklch(0.384 0.052 17.9)
Conversioni di colore
- HEX
- #5c3839
- RGB
- rgb(92 56 57)
- HSL
- hsl(358 24% 29%)
- HWB
- hwb(358 22% 64%)
- OKLCH
- oklch(0.384 0.052 17.9)
- OKLab
- oklab(0.384 0.049 0.016)
- CIE Lab
- lab(28.02 16.59 6.45)
- LCH
- lch(28.02 17.8 21.2)
- CMYK
- cmyk(0% 39% 38% 64%)
Tinte · Ombre · Toni
Tinte
- 6C4A4A
- 7B5C5C
- 8B6F6F
- 9B8282
- AC9696
- BCAAAA
- CCBFBF
- DDD4D4
- EEE9E9
Ombre
- 4F2F30
- 422728
- 361F1F
- 2A1717
- 1F0F10
- 140809
- 0A0404
- 030101
- 000000
Toni
- 603F40
- 644646
- 684D4D
- 6B5454
- 6F5B5B
- 736363
- 766A6A
- 797171
- 7D7979
Armonie di colore
Complementare +180°
- 5C3839
Warmed Wine
- 1C4C4D
≈ Port Malmesbury
Analogo -30° +30°
- 5C3839
Warmed Wine
- 583848
≈ Purple Sphinx
- 5A3B2B
≈ Weathered Bamboo
Triadico +120° +240°
- 5C3839
Warmed Wine
- 364A2F
≈ Palm Leaf
- 32445F
≈ Stay the Night
Complementare divisa +150° +210°
- 5C3839
Warmed Wine
- 254C3E
≈ Springbok Green
- 224959
≈ Night Swim
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.09:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.07:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--warmed-wine: #5c3839;
--warmed-wine-rgb: 92 56 57;
--warmed-wine-oklch: oklch(0.384 0.052 17.9);
}
.element {
color: var(--warmed-wine);
background-color: hsl(358 24% 29%);
border-color: oklch(0.384 0.052 17.9);
}Tailwind CSS v4
@theme {
--color-warmed-wine: #5c3839;
--color-warmed-wine-50: #fff0ef;
--color-warmed-wine-100: #f9e2e1;
--color-warmed-wine-200: #eacccb;
--color-warmed-wine-300: #d1adac;
--color-warmed-wine-400: #bb9393;
--color-warmed-wine-500: #a67979;
--color-warmed-wine-600: #8c6667;
--color-warmed-wine-700: #705252;
--color-warmed-wine-800: #533b3c;
--color-warmed-wine-900: #3a2929;
--color-warmed-wine-950: #241617;
}SCSS
$warmed-wine: #5c3839;
$warmed-wine-rgb: 92, 56, 57;
$warmed-wine-light: mix(#fff, $warmed-wine, 20%);
$warmed-wine-dark: mix(#000, $warmed-wine, 20%);
.element {
color: $warmed-wine;
box-shadow: 0 0 0 2px rgba($warmed-wine, 0.35);
}