Benannte Farbe · #433748
Wineshade
Wineshade ist #433748: rgb(67 55 72), hsl(282 13% 25%), oklch(0.356 0.033 315.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wineshade color name →
#433748
oklch(0.356 0.033 315.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 544958
- 655B69
- 776E7B
- 89818D
- 9C959F
- AFA9B1
- C2BEC4
- D6D3D8
- EAE9EB
Shades
- 392E3D
- 2F2633
- 261E29
- 1D161F
- 140F16
- 0C080D
- 050306
- 010102
- 000000
Tones
- 493E4D
- 4F4553
- 554C58
- 5B535E
- 615A63
- 676269
- 6D696F
- 737174
- 7A787A
Farbharmonien
Komplementär +180°
- 433748
Wineshade
- 34402F
≈ Sensaimidori Green
Analog -30° +30°
- 433748
Wineshade
- 3A3A4D
≈ Carbon Blue
- 493540
≈ Vincotto
Triadisch +120° +240°
- 433748
Wineshade
- 463A29
≈ Harpy Brown
- 274242
≈ Theatre Dress
Geteilt komplementär +150° +210°
- 433748
Wineshade
- 3E3D29
≈ Green 383
- 2B4238
≈ Mushiao Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.17:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.87:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.17:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
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);
}