لون مسمّى · #EE55CC
Kinky Pinky
Kinky Pinky هو #EE55CC: rgb(238 85 204)، hsl(313 82% 63%)، oklch(0.692 0.226 337.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Kinky Pinky color name →
#EE55CC
oklch(0.692 0.226 337.7)
تحويلات الألوان
- HEX
- #ee55cc
- RGB
- rgb(238 85 204)
- HSL
- hsl(313 82% 63%)
- HWB
- hwb(313 33% 7%)
- OKLCH
- oklch(0.692 0.226 337.7)
- OKLab
- oklab(0.692 0.209 -0.086)
- CIE Lab
- lab(60.95 68.44 -30.96)
- LCH
- lch(60.95 75.11 335.7)
- CMYK
- cmyk(0% 64% 14% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F26AD1
- F57DD7
- F88EDC
- FB9FE1
- FDB0E7
- FEC0EC
- FFD0F1
- FFE0F5
- FFEFFA
درجات داكنة
- CF49B1
- B13D97
- 93317E
- 772665
- 5C1C4E
- 421137
- 2A0822
- 14020F
- 030002
درجات رمادية
- E45DC4
- D963BD
- CF69B5
- C46EAE
- BA72A6
- AF769F
- A47997
- 987C8F
- 8C7E88
تناسق الألوان
متمم +180°
- EE55CC
Kinky Pinky
- 00B973
≈ Fennel Fiesta
متجاور -30° +30°
- EE55CC
Kinky Pinky
- C06FFF
≈ Easter Purple
- FF5584
≈ Warm Pink
ثلاثي +120° +240°
- EE55CC
Kinky Pinky
- B49B00
≈ Kalliene Yellow
- 00AECE
≈ Ball Blue
متمم منقسم +150° +210°
- EE55CC
Kinky Pinky
- 7CAF00
≈ Plus Ultra
- 00B3A9
≈ Glass Jar Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.08:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.80:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.80:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kinky-pinky: #ee55cc;
--kinky-pinky-rgb: 238 85 204;
--kinky-pinky-oklch: oklch(0.692 0.226 337.7);
}
.element {
color: var(--kinky-pinky);
background-color: hsl(313 82% 63%);
border-color: oklch(0.692 0.226 337.7);
}Tailwind CSS v4
@theme {
--color-kinky-pinky: #ee55cc;
--color-kinky-pinky-50: #ffdcff;
--color-kinky-pinky-100: #ffcaff;
--color-kinky-pinky-200: #ffadf3;
--color-kinky-pinky-300: #ff84dc;
--color-kinky-pinky-400: #ed5dcc;
--color-kinky-pinky-500: #db2ab9;
--color-kinky-pinky-600: #b9279c;
--color-kinky-pinky-700: #951f7d;
--color-kinky-pinky-800: #6e155f;
--color-kinky-pinky-900: #4d0e43;
--color-kinky-pinky-950: #33012b;
}SCSS
$kinky-pinky: #ee55cc;
$kinky-pinky-rgb: 238, 85, 204;
$kinky-pinky-light: mix(#fff, $kinky-pinky, 20%);
$kinky-pinky-dark: mix(#000, $kinky-pinky, 20%);
.element {
color: $kinky-pinky;
box-shadow: 0 0 0 2px rgba($kinky-pinky, 0.35);
}