لون مسمّى · #AE94A6
Grape Soda
Grape Soda هو #AE94A6: rgb(174 148 166)، hsl(318 14% 63%)، oklch(0.695 0.04 337.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Grape Soda color name →
#AE94A6
oklch(0.695 0.04 337.2)
تحويلات الألوان
- HEX
- #ae94a6
- RGB
- rgb(174 148 166)
- HSL
- hsl(318 14% 63%)
- HWB
- hwb(318 58% 32%)
- OKLCH
- oklch(0.695 0.04 337.2)
- OKLab
- oklab(0.695 0.037 -0.015)
- CIE Lab
- lab(64.13 12.36 -5.69)
- LCH
- lch(64.13 13.61 335.3)
- CMYK
- cmyk(0% 15% 5% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B69EAF
- BEA9B7
- C6B3C0
- CEBEC9
- D6C8D2
- DED3DB
- E6DEE4
- EFE9ED
- F7F4F6
درجات داكنة
- 978090
- 806D7A
- 6A5A65
- 554851
- 41363E
- 2E262B
- 1C161A
- 0B080A
- 010101
درجات رمادية
- A992A2
- A5909E
- A08E9A
- 9C8C97
- 978A93
- 92888F
- 8E868B
- 898487
- 858284
تناسق الألوان
متمم +180°
- AE94A6
Grape Soda
- 89A593
≈ Wintessa
متجاور -30° +30°
- AE94A6
Grape Soda
- A397B1
≈ Heirloom Lilac
- B49399
≈ Deauville Mauve
ثلاثي +120° +240°
- AE94A6
Grape Soda
- A49E82
≈ Wetland Stone
- 82A4AD
≈ Blue Nuthatch
متمم منقسم +150° +210°
- AE94A6
Grape Soda
- 96A288
≈ Triamble
- 82A5A1
≈ Venus Teal
رباعي +90° +180° +270°
- AE94A6
Grape Soda
- AE9983
≈ Majestic Elk
- 89A593
≈ Wintessa
- 8AA0B5
≈ Astro Bound
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.76:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.58:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grape-soda: #ae94a6;
--grape-soda-rgb: 174 148 166;
--grape-soda-oklch: oklch(0.695 0.04 337.2);
}
.element {
color: var(--grape-soda);
background-color: hsl(318 14% 63%);
border-color: oklch(0.695 0.04 337.2);
}Tailwind CSS v4
@theme {
--color-grape-soda: #ae94a6;
--color-grape-soda-50: #fdf1f9;
--color-grape-soda-100: #f2e3ec;
--color-grape-soda-200: #e1ceda;
--color-grape-soda-300: #c6b0be;
--color-grape-soda-400: #af96a7;
--color-grape-soda-500: #987c90;
--color-grape-soda-600: #81697a;
--color-grape-soda-700: #675461;
--color-grape-soda-800: #4b3d48;
--color-grape-soda-900: #342a32;
--color-grape-soda-950: #20181e;
}SCSS
$grape-soda: #ae94a6;
$grape-soda-rgb: 174, 148, 166;
$grape-soda-light: mix(#fff, $grape-soda, 20%);
$grape-soda-dark: mix(#000, $grape-soda, 20%);
.element {
color: $grape-soda;
box-shadow: 0 0 0 2px rgba($grape-soda, 0.35);
}