Colore con nome · #433748
Wineshade
Wineshade è #433748: rgb(67 55 72), hsl(282 13% 25%), oklch(0.356 0.033 315.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Wineshade color name →
#433748
oklch(0.356 0.033 315.9)
Conversioni di colore
- HEX
- #433748
- RGB
- rgb(67 55 72)
- HSL
- hsl(282 13% 25%)
- HWB
- hwb(282 22% 72%)
- OKLCH
- oklch(0.356 0.033 315.9)
- OKLab
- oklab(0.356 0.024 -0.023)
- CIE Lab
- lab(24.89 8.26 -8.45)
- LCH
- lch(24.89 11.82 314.3)
- CMYK
- cmyk(7% 24% 0% 72%)
Tinte · Ombre · Toni
Tinte
- 544958
- 655B69
- 776E7B
- 89818D
- 9C959F
- AFA9B1
- C2BEC4
- D6D3D8
- EAE9EB
Ombre
- 392E3D
- 2F2633
- 261E29
- 1D161F
- 140F16
- 0C080D
- 050306
- 010102
- 000000
Toni
- 493E4D
- 4F4553
- 554C58
- 5B535E
- 615A63
- 676269
- 6D696F
- 737174
- 7A787A
Armonie di colore
Complementare +180°
- 433748
Wineshade
- 34402F
≈ Sensaimidori Green
Analogo -30° +30°
- 433748
Wineshade
- 3A3A4D
≈ Carbon Blue
- 493540
≈ Vincotto
Triadico +120° +240°
- 433748
Wineshade
- 463A29
≈ Harpy Brown
- 274242
≈ Theatre Dress
Complementare divisa +150° +210°
- 433748
Wineshade
- 3E3D29
≈ Green 383
- 2B4238
≈ Mushiao Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.17:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.87:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.17:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--wineshade: #433748;
--wineshade-rgb: 67 55 72;
--wineshade-oklch: oklch(0.356 0.033 315.9);
}
.element {
color: var(--wineshade);
background-color: hsl(282 13% 25%);
border-color: oklch(0.356 0.033 315.9);
}Tailwind CSS v4
@theme {
--color-wineshade: #433748;
--color-wineshade-50: #f9f2fb;
--color-wineshade-100: #ede5ef;
--color-wineshade-200: #dad0de;
--color-wineshade-300: #bfb2c3;
--color-wineshade-400: #a699ac;
--color-wineshade-500: #8f8095;
--color-wineshade-600: #796c7e;
--color-wineshade-700: #615765;
--color-wineshade-800: #473f4b;
--color-wineshade-900: #312b34;
--color-wineshade-950: #1d191f;
}SCSS
$wineshade: #433748;
$wineshade-rgb: 67, 55, 72;
$wineshade-light: mix(#fff, $wineshade, 20%);
$wineshade-dark: mix(#000, $wineshade, 20%);
.element {
color: $wineshade;
box-shadow: 0 0 0 2px rgba($wineshade, 0.35);
}