لون مسمّى · #EE1166
Borderline Pink
Borderline Pink هو #EE1166: rgb(238 17 102)، hsl(337 87% 50%)، oklch(0.611 0.239 8.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Borderline Pink color name →
#EE1166
oklch(0.611 0.239 8.6)
تحويلات الألوان
- HEX
- #ee1166
- RGB
- rgb(238 17 102)
- HSL
- hsl(337 87% 50%)
- HWB
- hwb(337 7% 7%)
- OKLCH
- oklch(0.611 0.239 8.6)
- OKLab
- oklab(0.611 0.237 0.036)
- CIE Lab
- lab(52.1 77.5 16.07)
- LCH
- lch(52.1 79.15 11.7)
- CMYK
- cmyk(0% 93% 57% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F34074
- F85C83
- FC7492
- FF8AA1
- FF9EB0
- FFB2BF
- FFC6CF
- FFD9DF
- FFECEF
درجات داكنة
- CF0D58
- B1094A
- 93063C
- 77042F
- 5C0223
- 420117
- 2A000C
- 140004
- 030000
درجات رمادية
- E53069
- DB416B
- D24E6E
- C85871
- BD6173
- B26876
- A76F78
- 9B757B
- 8E7B7D
تناسق الألوان
متمم +180°
- EE1166
Borderline Pink
- 009890
≈ Green Dynasty
متجاور -30° +30°
- EE1166
Borderline Pink
- D72DB2
≈ Loudicious Pink
- E04900
≈ Deep Orange
ثلاثي +120° +240°
- EE1166
Borderline Pink
- 659500
≈ Gecko’s Dream
- 0087E2
≈ Blue Cola
متمم منقسم +150° +210°
- EE1166
Borderline Pink
- 009C63
≈ Shamrock
- 0093B0
≈ Munsell Blue
رباعي +90° +180° +270°
- EE1166
Borderline Pink
- 978400
≈ Thicket Green
- 009890
≈ Green Dynasty
- 6D6BFF
≈ Blue Genie
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.27:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 4.90:1 · APCA Lc 35
أفضل لون للنص: #000000
WCAG 4.90:1 (AA) · APCA Lc 35
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--borderline-pink: #ee1166;
--borderline-pink-rgb: 238 17 102;
--borderline-pink-oklch: oklch(0.611 0.239 8.6);
}
.element {
color: var(--borderline-pink);
background-color: hsl(337 87% 50%);
border-color: oklch(0.611 0.239 8.6);
}Tailwind CSS v4
@theme {
--color-borderline-pink: #ee1166;
--color-borderline-pink-50: #ffd9e5;
--color-borderline-pink-100: #ffc6d5;
--color-borderline-pink-200: #ffa6bc;
--color-borderline-pink-300: #ff7b9a;
--color-borderline-pink-400: #ff4b81;
--color-borderline-pink-500: #fa0065;
--color-borderline-pink-600: #d30056;
--color-borderline-pink-700: #aa0045;
--color-borderline-pink-800: #7f0035;
--color-borderline-pink-900: #5a0124;
--color-borderline-pink-950: #3c0013;
}SCSS
$borderline-pink: #ee1166;
$borderline-pink-rgb: 238, 17, 102;
$borderline-pink-light: mix(#fff, $borderline-pink, 20%);
$borderline-pink-dark: mix(#000, $borderline-pink, 20%);
.element {
color: $borderline-pink;
box-shadow: 0 0 0 2px rgba($borderline-pink, 0.35);
}