Colore con nome · #5D4149
Napa Wine
Napa Wine è #5D4149: rgb(93 65 73), hsl(343 18% 31%), oklch(0.409 0.041 0.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Napa Wine color name →
#5D4149
oklch(0.409 0.041 0.3)
Conversioni di colore
- HEX
- #5d4149
- RGB
- rgb(93 65 73)
- HSL
- hsl(343 18% 31%)
- HWB
- hwb(343 25% 64%)
- OKLCH
- oklch(0.409 0.041 0.3)
- OKLab
- oklab(0.409 0.041 0)
- CIE Lab
- lab(30.95 13.53 0.23)
- LCH
- lch(30.95 13.54 1)
- CMYK
- cmyk(0% 30% 22% 64%)
Tinte · Ombre · Toni
Tinte
- 6C5259
- 7C636A
- 8B757B
- 9B888D
- AB9B9F
- BCAEB2
- CCC2C4
- DDD6D8
- EEEAEB
Ombre
- 50373E
- 432E34
- 37252A
- 2A1C20
- 1F1317
- 140B0E
- 0A0506
- 030102
- 000000
Toni
- 61474E
- 644D54
- 685359
- 6B5A5E
- 6F6064
- 726669
- 766D6F
- 797375
- 7D797A
Armonie di colore
Complementare +180°
- 5D4149
Napa Wine
- 30524B
≈ Hunter
Analogo -30° +30°
- 5D4149
Napa Wine
- 574255
≈ Interlude
- 5E423D
≈ Chicory Root
Triadico +120° +240°
- 5D4149
Napa Wine
- 474E35
≈ Matsuba Green
- 364D5E
≈ Ingénue Blue
Complementare divisa +150° +210°
- 5D4149
Napa Wine
- 3A513F
≈ Angry Gremlin
- 2F5056
≈ Atlantic Deep
Tetradico +90° +180° +270°
- 5D4149
Napa Wine
- 534930
≈ Punga
- 30524B
≈ Hunter
- 414961
≈ Sapphire Stone
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.06:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.31:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--napa-wine: #5d4149;
--napa-wine-rgb: 93 65 73;
--napa-wine-oklch: oklch(0.409 0.041 0.3);
}
.element {
color: var(--napa-wine);
background-color: hsl(343 18% 31%);
border-color: oklch(0.409 0.041 0.3);
}Tailwind CSS v4
@theme {
--color-napa-wine: #5d4149;
--color-napa-wine-50: #fff1f4;
--color-napa-wine-100: #f5e3e7;
--color-napa-wine-200: #e4cdd3;
--color-napa-wine-300: #caafb5;
--color-napa-wine-400: #b4959d;
--color-napa-wine-500: #9e7b85;
--color-napa-wine-600: #856870;
--color-napa-wine-700: #6b535a;
--color-napa-wine-800: #4f3d42;
--color-napa-wine-900: #372a2e;
--color-napa-wine-950: #21171a;
}SCSS
$napa-wine: #5d4149;
$napa-wine-rgb: 93, 65, 73;
$napa-wine-light: mix(#fff, $napa-wine, 20%);
$napa-wine-dark: mix(#000, $napa-wine, 20%);
.element {
color: $napa-wine;
box-shadow: 0 0 0 2px rgba($napa-wine, 0.35);
}