أقرب لون مسمّى · #E888D1
#E888D1
أقرب لون مسمّى: Bubblegum Kisses
#E888D1 (rgb(232 136 209)، hsl(314 68% 72%)، oklch(0.752 0.147 336.4)) أقرب إلى اللون المسمّى Bubblegum Kisses. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E888D1
oklch(0.752 0.147 336.4)
تحويلات الألوان
- HEX
- #e888d1
- RGB
- rgb(232 136 209)
- HSL
- hsl(314 68% 72%)
- HWB
- hwb(314 53% 9%)
- OKLCH
- oklch(0.752 0.147 336.4)
- OKLab
- oklab(0.752 0.135 -0.059)
- CIE Lab
- lab(69.09 44.84 -21.45)
- LCH
- lch(69.09 49.7 334.4)
- CMYK
- cmyk(0% 41% 10% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EB94D6
- EEA1DA
- F1ADDF
- F4B8E4
- F6C4E8
- F9D0ED
- FBDCF2
- FCE8F6
- FEF3FB
درجات داكنة
- CA75B5
- AC639B
- 905281
- 744168
- 593150
- 402239
- 291323
- 130610
- 030102
درجات رمادية
- DE88C9
- D388C0
- C987B8
- BF87B0
- B586A8
- AA85A0
- A08498
- 958390
- 8B8188
تناسق الألوان
متمم +180°
- E888D1
Bubblegum Kisses
- 4ECA87
≈ Paris Green
متجاور -30° +30°
- E888D1
Bubblegum Kisses
- C694F7
≈ Lilás
- FB849F
≈ Rosa
ثلاثي +120° +240°
- E888D1
Bubblegum Kisses
- CAAD21
≈ Hot Sand
- 00C2E5
≈ Caribbean Blue
متمم منقسم +150° +210°
- E888D1
Bubblegum Kisses
- 96BF4F
≈ Early Spring
- 00C9BB
≈ Pristine Oceanic
رباعي +90° +180° +270°
- E888D1
Bubblegum Kisses
- EC9936
≈ Nuclear Mango
- 4ECA87
≈ Paris Green
- 5FB6FF
≈ Tiān Lán Sky
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.36:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.87:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.87:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bubblegum-kisses: #e888d1;
--bubblegum-kisses-rgb: 232 136 209;
--bubblegum-kisses-oklch: oklch(0.752 0.147 336.4);
}
.element {
color: var(--bubblegum-kisses);
background-color: hsl(314 68% 72%);
border-color: oklch(0.752 0.147 336.4);
}Tailwind CSS v4
@theme {
--color-bubblegum-kisses: #e888d1;
--color-bubblegum-kisses-50: #ffe6ff;
--color-bubblegum-kisses-100: #ffd6f9;
--color-bubblegum-kisses-200: #ffbcea;
--color-bubblegum-kisses-300: #e999d1;
--color-bubblegum-kisses-400: #d47abf;
--color-bubblegum-kisses-500: #c05aaa;
--color-bubblegum-kisses-600: #a24d90;
--color-bubblegum-kisses-700: #823d73;
--color-bubblegum-kisses-800: #602c57;
--color-bubblegum-kisses-900: #431e3d;
--color-bubblegum-kisses-950: #2b0d26;
}SCSS
$bubblegum-kisses: #e888d1;
$bubblegum-kisses-rgb: 232, 136, 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);
}