لون مسمّى · #653B66
Wine Tour
Wine Tour هو #653B66: rgb(101 59 102)، hsl(299 27% 32%)، oklch(0.42 0.086 326.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Wine Tour color name →
#653B66
oklch(0.42 0.086 326.2)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 744D74
- 835F83
- 927292
- A185A1
- B099B0
- C0ACC0
- CFC0CF
- DFD5DF
- EFEAEF
درجات داكنة
- 573258
- 49294A
- 3C213C
- 2F192F
- 221123
- 170917
- 0C040C
- 030104
- 000000
درجات رمادية
- 684269
- 6B496B
- 6E506E
- 715771
- 735E73
- 766476
- 796B79
- 7B727B
- 7E797E
تناسق الألوان
متمم +180°
- 653B66
Wine Tour
- 2A592F
≈ Pine
متجاور -30° +30°
- 653B66
Wine Tour
- 524276
≈ Raw Amethyst
- 71374E
≈ Venusian
ثلاثي +120° +240°
- 653B66
Wine Tour
- 624900
≈ Mud Brown
- 005860
≈ Entrapment
متمم منقسم +150° +210°
- 653B66
Wine Tour
- 4B5211
≈ Verdun Green
- 005B4B
≈ Forest Shadows
رباعي +90° +180° +270°
- 653B66
Wine Tour
- 703F17
≈ Sepia
- 2A592F
≈ Pine
- 0A5376
≈ World Peace
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.85:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.37:1 · APCA Lc 12
أفضل لون للنص: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
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);
}