لون مسمّى · #D92FB4
Loudicious Pink
Loudicious Pink هو #D92FB4: rgb(217 47 180)، hsl(313 69% 52%)، oklch(0.617 0.24 338.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Loudicious Pink color name →
#D92FB4
oklch(0.617 0.24 338.8)
تحويلات الألوان
- HEX
- #d92fb4
- RGB
- rgb(217 47 180)
- HSL
- hsl(313 69% 52%)
- HWB
- hwb(313 18% 15%)
- OKLCH
- oklch(0.617 0.24 338.8)
- OKLab
- oklab(0.617 0.223 -0.087)
- CIE Lab
- lab(52.11 72.62 -31.15)
- LCH
- lch(52.11 79.02 336.8)
- CMYK
- cmyk(0% 78% 17% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DF4DBC
- E565C4
- EB7ACB
- EF8ED3
- F4A2DA
- F7B5E2
- FAC7E9
- FCDAF1
- FEEDF8
درجات داكنة
- BC279C
- A12085
- 86196E
- 6C1258
- 530C44
- 3B0630
- 25031D
- 11010C
- 020002
درجات رمادية
- D13FAF
- CA4BAA
- C255A5
- B95DA0
- B1659B
- A86B95
- 9F7190
- 95768B
- 8B7B85
تناسق الألوان
متمم +180°
- D92FB4
Loudicious Pink
- 009E65
≈ Shamrock
متجاور -30° +30°
- D92FB4
Loudicious Pink
- AF4AEF
≈ Pisces Vivid Amethyst
- F01667
≈ Borderline Pink
ثلاثي +120° +240°
- D92FB4
Loudicious Pink
- 998600
≈ Captain Kirk
- 0095B3
≈ Bondi Blue
متمم منقسم +150° +210°
- D92FB4
Loudicious Pink
- 669700
≈ Gecko’s Dream
- 009A92
≈ Green Dynasty
رباعي +90° +180° +270°
- D92FB4
Loudicious Pink
- B97400
≈ Cassandra’s Curse
- 009E65
≈ Shamrock
- 0089E5
≈ Blue Cola
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.18:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.01:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.01:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--loudicious-pink: #d92fb4;
--loudicious-pink-rgb: 217 47 180;
--loudicious-pink-oklch: oklch(0.617 0.24 338.8);
}
.element {
color: var(--loudicious-pink);
background-color: hsl(313 69% 52%);
border-color: oklch(0.617 0.24 338.8);
}Tailwind CSS v4
@theme {
--color-loudicious-pink: #d92fb4;
--color-loudicious-pink-50: #ffdbff;
--color-loudicious-pink-100: #ffc8ff;
--color-loudicious-pink-200: #ffaaf3;
--color-loudicious-pink-300: #ff80dc;
--color-loudicious-pink-400: #f356cc;
--color-loudicious-pink-500: #e114b9;
--color-loudicious-pink-600: #be199c;
--color-loudicious-pink-700: #99157e;
--color-loudicious-pink-800: #710e60;
--color-loudicious-pink-900: #500943;
--color-loudicious-pink-950: #34002b;
}SCSS
$loudicious-pink: #d92fb4;
$loudicious-pink-rgb: 217, 47, 180;
$loudicious-pink-light: mix(#fff, $loudicious-pink, 20%);
$loudicious-pink-dark: mix(#000, $loudicious-pink, 20%);
.element {
color: $loudicious-pink;
box-shadow: 0 0 0 2px rgba($loudicious-pink, 0.35);
}