Nächste benannte Farbe · #68326C
#68326C
Nächste benannte Farbe: Wineberry
#68326C (rgb(104 50 108), hsl(296 37% 31%), oklch(0.412 0.112 324.7)) liegt am nächsten an der benannten Farbe Wineberry. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#68326C
oklch(0.412 0.112 324.7)
Farbumrechnungen
- HEX
- #68326c
- RGB
- rgb(104 50 108)
- HSL
- hsl(296 37% 31%)
- HWB
- hwb(296 20% 58%)
- OKLCH
- oklch(0.412 0.112 324.7)
- OKLab
- oklab(0.412 0.091 -0.065)
- CIE Lab
- lab(30.1 31.5 -23.34)
- LCH
- lch(30.1 39.21 323.5)
- CMYK
- cmyk(4% 54% 0% 58%)
Tints · Shades · Tones
Tints
- 77467A
- 865988
- 956D97
- A381A5
- B395B4
- C2A9C3
- D1BED2
- E0D3E1
- F0E9F0
Shades
- 592A5D
- 4B224E
- 3E1B40
- 301432
- 240D25
- 180719
- 0C030D
- 040104
- 000000
Tones
- 6B3A6E
- 6E4371
- 704B73
- 735275
- 755A77
- 786279
- 7A697B
- 7C717D
- 7E787E
Farbharmonien
Komplementär +180°
- 68326C
Wineberry
- 185A1F
≈ Sombre Green
Analog -30° +30°
- 68326C
Wineberry
- 503C80
≈ Prism Violet
- 772C4E
≈ Flirt
Triadisch +120° +240°
- 68326C
Wineberry
- 604600
≈ Mud Brown
- 00565D
≈ Deep Teal
Geteilt komplementär +150° +210°
- 68326C
Wineberry
- 4A5000
≈ Verdun Green
- 005848
≈ Forest Shadows
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.28:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.26:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--wineberry: #68326c;
--wineberry-rgb: 104 50 108;
--wineberry-oklch: oklch(0.412 0.112 324.7);
}
.element {
color: var(--wineberry);
background-color: hsl(296 37% 31%);
border-color: oklch(0.412 0.112 324.7);
}Tailwind CSS v4
@theme {
--color-wineberry: #68326c;
--color-wineberry-50: #ffebff;
--color-wineberry-100: #fddbfc;
--color-wineberry-200: #eec4ee;
--color-wineberry-300: #d6a4d6;
--color-wineberry-400: #c087c3;
--color-wineberry-500: #ab6baf;
--color-wineberry-600: #905b94;
--color-wineberry-700: #744877;
--color-wineberry-800: #553459;
--color-wineberry-900: #3b243e;
--color-wineberry-950: #251227;
}SCSS
$wineberry: #68326c;
$wineberry-rgb: 104, 50, 108;
$wineberry-light: mix(#fff, $wineberry, 20%);
$wineberry-dark: mix(#000, $wineberry, 20%);
.element {
color: $wineberry;
box-shadow: 0 0 0 2px rgba($wineberry, 0.35);
}