Benannte Farbe · #653B66
Wine Tour
Wine Tour ist #653B66: rgb(101 59 102), hsl(299 27% 32%), oklch(0.42 0.086 326.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Wine Tour color name →
#653B66
oklch(0.42 0.086 326.2)
Farbumrechnungen
- HEX
- #653b66
- RGB
- rgb(101 59 102)
- HSL
- hsl(299 27% 32%)
- HWB
- hwb(299 23% 60%)
- OKLCH
- oklch(0.42 0.086 326.2)
- OKLab
- oklab(0.42 0.072 -0.048)
- CIE Lab
- lab(31.43 24.52 -17.51)
- LCH
- lch(31.43 30.13 324.5)
- CMYK
- cmyk(1% 42% 0% 60%)
Tints · Shades · Tones
Tints
- 744D74
- 835F83
- 927292
- A185A1
- B099B0
- C0ACC0
- CFC0CF
- DFD5DF
- EFEAEF
Shades
- 573258
- 49294A
- 3C213C
- 2F192F
- 221123
- 170917
- 0C040C
- 030104
- 000000
Tones
- 684269
- 6B496B
- 6E506E
- 715771
- 735E73
- 766476
- 796B79
- 7B727B
- 7E797E
Farbharmonien
Komplementär +180°
- 653B66
Wine Tour
- 2A592F
≈ Pine
Analog -30° +30°
- 653B66
Wine Tour
- 524276
≈ Raw Amethyst
- 71374E
≈ Venusian
Triadisch +120° +240°
- 653B66
Wine Tour
- 624900
≈ Mud Brown
- 005860
≈ Entrapment
Geteilt komplementär +150° +210°
- 653B66
Wine Tour
- 4B5211
≈ Verdun Green
- 005B4B
≈ Forest Shadows
Tetradisch +90° +180° +270°
- 653B66
Wine Tour
- 703F17
≈ Sepia
- 2A592F
≈ Pine
- 0A5376
≈ World Peace
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.85:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--wine-tour: #653b66;
--wine-tour-rgb: 101 59 102;
--wine-tour-oklch: oklch(0.42 0.086 326.2);
}
.element {
color: var(--wine-tour);
background-color: hsl(299 27% 32%);
border-color: oklch(0.42 0.086 326.2);
}Tailwind CSS v4
@theme {
--color-wine-tour: #653b66;
--color-wine-tour-50: #ffedff;
--color-wine-tour-100: #f9def7;
--color-wine-tour-200: #e9c8e7;
--color-wine-tour-300: #d0a8ce;
--color-wine-tour-400: #ba8dba;
--color-wine-tour-500: #a472a5;
--color-wine-tour-600: #8b608b;
--color-wine-tour-700: #6f4d70;
--color-wine-tour-800: #513853;
--color-wine-tour-900: #39263a;
--color-wine-tour-950: #231424;
}SCSS
$wine-tour: #653b66;
$wine-tour-rgb: 101, 59, 102;
$wine-tour-light: mix(#fff, $wine-tour, 20%);
$wine-tour-dark: mix(#000, $wine-tour, 20%);
.element {
color: $wine-tour;
box-shadow: 0 0 0 2px rgba($wine-tour, 0.35);
}