لون مسمّى · #886971
Grape Shake
Grape Shake هو #886971: rgb(136 105 113)، hsl(345 13% 47%)، oklch(0.554 0.041 1.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Grape Shake color name →
#886971
oklch(0.554 0.041 1.4)
تحويلات الألوان
- HEX
- #886971
- RGB
- rgb(136 105 113)
- HSL
- hsl(345 13% 47%)
- HWB
- hwb(345 41% 47%)
- OKLCH
- oklch(0.554 0.041 1.4)
- OKLab
- oklab(0.554 0.041 0.001)
- CIE Lab
- lab(47.76 13.75 0.52)
- LCH
- lch(47.76 13.76 2.2)
- CMYK
- cmyk(0% 23% 17% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 94777E
- 9F858C
- AB9499
- B7A2A7
- C3B1B5
- CEC0C4
- DAD0D2
- E7DFE1
- F3EFF0
درجات داكنة
- 755A61
- 634C52
- 523E43
- 413135
- 312427
- 22181A
- 130C0E
- 060404
- 010001
درجات رمادية
- 876B72
- 876E74
- 867075
- 857277
- 857578
- 84777A
- 83797B
- 827B7D
- 817E7E
تناسق الألوان
متمم +180°
- 886971
Grape Shake
- 587B74
≈ Dull Turquoise
متجاور -30° +30°
- 886971
Grape Shake
- 816A7E
≈ Port Wine Stain
- 896A64
≈ Western Clay
ثلاثي +120° +240°
- 886971
Grape Shake
- 6F775C
≈ Egyptian Nile
- 5E7689
≈ Retro-Colonial Blue
متمم منقسم +150° +210°
- 886971
Grape Shake
- 617A67
≈ Swanndri
- 567A81
≈ Sultry Bay
رباعي +90° +180° +270°
- 886971
Grape Shake
- 7C7257
≈ Fermata
- 587B74
≈ Dull Turquoise
- 6A728B
≈ Deep Larkspur
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.87:1 · APCA Lc 74
Ag
Failعلى الأسود
WCAG 4.30:1 · APCA Lc 28
أفضل لون للنص: #FFFFFF
WCAG 4.87:1 (AA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grape-shake: #886971;
--grape-shake-rgb: 136 105 113;
--grape-shake-oklch: oklch(0.554 0.041 1.4);
}
.element {
color: var(--grape-shake);
background-color: hsl(345 13% 47%);
border-color: oklch(0.554 0.041 1.4);
}Tailwind CSS v4
@theme {
--color-grape-shake: #886971;
--color-grape-shake-50: #fff1f4;
--color-grape-shake-100: #f5e2e6;
--color-grape-shake-200: #e5cdd2;
--color-grape-shake-300: #cbafb5;
--color-grape-shake-400: #b4959d;
--color-grape-shake-500: #9e7b84;
--color-grape-shake-600: #866870;
--color-grape-shake-700: #6b5359;
--color-grape-shake-800: #4f3d42;
--color-grape-shake-900: #372a2d;
--color-grape-shake-950: #22171a;
}SCSS
$grape-shake: #886971;
$grape-shake-rgb: 136, 105, 113;
$grape-shake-light: mix(#fff, $grape-shake, 20%);
$grape-shake-dark: mix(#000, $grape-shake, 20%);
.element {
color: $grape-shake;
box-shadow: 0 0 0 2px rgba($grape-shake, 0.35);
}