أقرب لون مسمّى · #EB94D1
#EB94D1
أقرب لون مسمّى: Bubblegum Kisses
#EB94D1 (rgb(235 148 209)، hsl(318 69% 75%)، oklch(0.774 0.129 338.7)) أقرب إلى اللون المسمّى Bubblegum Kisses. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EB94D1
oklch(0.774 0.129 338.7)
تحويلات الألوان
- HEX
- #eb94d1
- RGB
- rgb(235 148 209)
- HSL
- hsl(318 69% 75%)
- HWB
- hwb(318 58% 8%)
- OKLCH
- oklch(0.774 0.129 338.7)
- OKLab
- oklab(0.774 0.12 -0.047)
- CIE Lab
- lab(71.95 39.94 -17.12)
- LCH
- lch(71.95 43.46 336.8)
- CMYK
- cmyk(0% 37% 11% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EE9FD6
- F1AADA
- F3B5DF
- F5BFE4
- F7CAE8
- F9D5ED
- FBDFF1
- FDEAF6
- FEF4FA
درجات داكنة
- CC80B5
- AE6D9B
- 915A81
- 754868
- 5B3650
- 412639
- 291623
- 130810
- 030102
درجات رمادية
- E092C9
- D691C0
- CB8FB8
- C08DB0
- B68BA8
- AB89A0
- A08798
- 968590
- 8B8288
تناسق الألوان
متمم +180°
- EB94D1
Bubblegum Kisses
- 63CE97
≈ Van Gogh Green
متجاور -30° +30°
- EB94D1
Bubblegum Kisses
- CD9EF4
≈ Baby Purple
- FB91A5
≈ Salmon Pink
ثلاثي +120° +240°
- EB94D1
Bubblegum Kisses
- CAB64A
≈ Old Gold
- 32C8ED
≈ Picnic Day Sky
متمم منقسم +150° +210°
- EB94D1
Bubblegum Kisses
- 9CC569
≈ Spring Lime
- 23CFC6
≈ Blue Martina
رباعي +90° +180° +270°
- EB94D1
Bubblegum Kisses
- EBA552
≈ Golden Koi
- 63CE97
≈ Van Gogh Green
- 75BBFF
≈ Cooler Than Ever
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.16:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.68:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bubblegum-kisses: #eb94d1;
--bubblegum-kisses-rgb: 235 148 209;
--bubblegum-kisses-oklch: oklch(0.774 0.129 338.7);
}
.element {
color: var(--bubblegum-kisses);
background-color: hsl(318 69% 75%);
border-color: oklch(0.774 0.129 338.7);
}Tailwind CSS v4
@theme {
--color-bubblegum-kisses: #eb94d1;
--color-bubblegum-kisses-50: #ffe7ff;
--color-bubblegum-kisses-100: #ffd8f5;
--color-bubblegum-kisses-200: #fbbfe5;
--color-bubblegum-kisses-300: #e59dcb;
--color-bubblegum-kisses-400: #d07fb8;
--color-bubblegum-kisses-500: #bc61a3;
--color-bubblegum-kisses-600: #9f5289;
--color-bubblegum-kisses-700: #7f426e;
--color-bubblegum-kisses-800: #5e2f53;
--color-bubblegum-kisses-900: #42203a;
--color-bubblegum-kisses-950: #2a0f24;
}SCSS
$bubblegum-kisses: #eb94d1;
$bubblegum-kisses-rgb: 235, 148, 209;
$bubblegum-kisses-light: mix(#fff, $bubblegum-kisses, 20%);
$bubblegum-kisses-dark: mix(#000, $bubblegum-kisses, 20%);
.element {
color: $bubblegum-kisses;
box-shadow: 0 0 0 2px rgba($bubblegum-kisses, 0.35);
}