لون مسمّى · #EE88CC
Blushed Bombshell
Blushed Bombshell هو #EE88CC: rgb(238 136 204)، hsl(320 75% 73%)، oklch(0.757 0.148 340.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Blushed Bombshell color name →
#EE88CC
oklch(0.757 0.148 340.9)
تحويلات الألوان
- HEX
- #ee88cc
- RGB
- rgb(238 136 204)
- HSL
- hsl(320 75% 73%)
- HWB
- hwb(320 53% 7%)
- OKLCH
- oklch(0.757 0.148 340.9)
- OKLab
- oklab(0.757 0.14 -0.048)
- CIE Lab
- lab(69.71 46.25 -17.67)
- LCH
- lch(69.71 49.51 339.1)
- CMYK
- cmyk(0% 43% 14% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F194D1
- F3A1D6
- F6ADDB
- F8B9E1
- FAC4E6
- FBD0EB
- FDDCF0
- FEE8F5
- FFF3FA
درجات داكنة
- CF75B1
- B16397
- 93527E
- 774165
- 5C314E
- 422237
- 2A1322
- 14060F
- 030102
درجات رمادية
- E388C4
- D888BC
- CE87B5
- C387AD
- B886A6
- AD859E
- A28496
- 97838F
- 8B8187
تناسق الألوان
متمم +180°
- EE88CC
Blushed Bombshell
- 3FCC91
≈ Dark Shamrock
متجاور -30° +30°
- EE88CC
Blushed Bombshell
- CE93F5
≈ Lilás
- FF8599
≈ Strawberry Soap
ثلاثي +120° +240°
- EE88CC
Blushed Bombshell
- C5B226
≈ Mulgore Mustard
- 00C3ED
≈ Blue Raspberry
متمم منقسم +150° +210°
- EE88CC
Blushed Bombshell
- 8EC358
≈ Cabbage Patch
- 00CAC4
≈ Tilla Kari Mosque
رباعي +90° +180° +270°
- EE88CC
Blushed Bombshell
- EA9E2F
≈ Gilded Leaves
- 3FCC91
≈ Dark Shamrock
- 6EB5FF
≈ French Sky Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.32:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.02:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.02:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blushed-bombshell: #ee88cc;
--blushed-bombshell-rgb: 238 136 204;
--blushed-bombshell-oklch: oklch(0.757 0.148 340.9);
}
.element {
color: var(--blushed-bombshell);
background-color: hsl(320 75% 73%);
border-color: oklch(0.757 0.148 340.9);
}Tailwind CSS v4
@theme {
--color-blushed-bombshell: #ee88cc;
--color-blushed-bombshell-50: #ffe5ff;
--color-blushed-bombshell-100: #ffd5f5;
--color-blushed-bombshell-200: #ffbbe5;
--color-blushed-bombshell-300: #ec98cb;
--color-blushed-bombshell-400: #d879b8;
--color-blushed-bombshell-500: #c458a3;
--color-blushed-bombshell-600: #a64b8a;
--color-blushed-bombshell-700: #853c6e;
--color-blushed-bombshell-800: #622b53;
--color-blushed-bombshell-900: #451d3a;
--color-blushed-bombshell-950: #2c0d24;
}SCSS
$blushed-bombshell: #ee88cc;
$blushed-bombshell-rgb: 238, 136, 204;
$blushed-bombshell-light: mix(#fff, $blushed-bombshell, 20%);
$blushed-bombshell-dark: mix(#000, $blushed-bombshell, 20%);
.element {
color: $blushed-bombshell;
box-shadow: 0 0 0 2px rgba($blushed-bombshell, 0.35);
}