لون مسمّى · #E1AAAF
Raspberry Lemonade
Raspberry Lemonade هو #E1AAAF: rgb(225 170 175)، hsl(355 48% 77%)، oklch(0.79 0.065 12.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Raspberry Lemonade color name →
#E1AAAF
oklch(0.79 0.065 12.6)
تحويلات الألوان
- HEX
- #e1aaaf
- RGB
- rgb(225 170 175)
- HSL
- hsl(355 48% 77%)
- HWB
- hwb(355 67% 12%)
- OKLCH
- oklch(0.79 0.065 12.6)
- OKLab
- oklab(0.79 0.063 0.014)
- CIE Lab
- lab(74.93 21.32 5.7)
- LCH
- lch(74.93 22.07 15)
- CMYK
- cmyk(0% 24% 22% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4B2B7
- E8BBBF
- EBC3C6
- EECCCE
- F1D4D6
- F4DDDE
- F7E5E6
- FAEEEF
- FCF6F7
درجات داكنة
- C49398
- A77D81
- 8B686B
- 705356
- 563F41
- 3E2D2E
- 271B1C
- 120B0B
- 020101
درجات رمادية
- D7A6AA
- CDA2A5
- C49DA1
- BA999C
- B09597
- A69193
- 9D8D8E
- 938889
- 8A8485
تناسق الألوان
متمم +180°
- E1AAAF
Raspberry Lemonade
- 89C8C6
≈ Mercury Mist
متجاور -30° +30°
- E1AAAF
Raspberry Lemonade
- D9ABC6
≈ Lofty Delight
- E0AE9A
≈ Shy Time
ثلاثي +120° +240°
- E1AAAF
Raspberry Lemonade
- ABC499
≈ Geddy Green
- 9DBEE4
≈ Gallery Blue
متمم منقسم +150° +210°
- E1AAAF
Raspberry Lemonade
- 95C8AE
≈ Peppermint Spray
- 8CC5D9
≈ Dolphin
رباعي +90° +180° +270°
- E1AAAF
Raspberry Lemonade
- C2BD8C
≈ New Foliage
- 89C8C6
≈ Mercury Mist
- B4B6E4
≈ Beloved
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.98:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.57:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--raspberry-lemonade: #e1aaaf;
--raspberry-lemonade-rgb: 225 170 175;
--raspberry-lemonade-oklch: oklch(0.79 0.065 12.6);
}
.element {
color: var(--raspberry-lemonade);
background-color: hsl(355 48% 77%);
border-color: oklch(0.79 0.065 12.6);
}Tailwind CSS v4
@theme {
--color-raspberry-lemonade: #e1aaaf;
--color-raspberry-lemonade-50: #ffeeef;
--color-raspberry-lemonade-100: #fde0e1;
--color-raspberry-lemonade-200: #efcacb;
--color-raspberry-lemonade-300: #d7aaad;
--color-raspberry-lemonade-400: #c28f94;
--color-raspberry-lemonade-500: #ad747a;
--color-raspberry-lemonade-600: #926367;
--color-raspberry-lemonade-700: #754f53;
--color-raspberry-lemonade-800: #56393d;
--color-raspberry-lemonade-900: #3c272a;
--color-raspberry-lemonade-950: #261517;
}SCSS
$raspberry-lemonade: #e1aaaf;
$raspberry-lemonade-rgb: 225, 170, 175;
$raspberry-lemonade-light: mix(#fff, $raspberry-lemonade, 20%);
$raspberry-lemonade-dark: mix(#000, $raspberry-lemonade, 20%);
.element {
color: $raspberry-lemonade;
box-shadow: 0 0 0 2px rgba($raspberry-lemonade, 0.35);
}