Adlandırılmış renk · #BB11EE
Promiscuous Pink
Promiscuous Pink, #BB11EE: rgb(187 17 238), hsl(286 87% 50%), oklch(0.594 0.286 315.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Promiscuous Pink color name →
#BB11EE
oklch(0.594 0.286 315.3)
Renk dönüşümleri
- HEX
- #bb11ee
- RGB
- rgb(187 17 238)
- HSL
- hsl(286 87% 50%)
- HWB
- hwb(286 7% 7%)
- OKLCH
- oklch(0.594 0.286 315.3)
- OKLab
- oklab(0.594 0.203 -0.201)
- CIE Lab
- lab(47.8 78.62 -71.62)
- LCH
- lch(47.8 106.35 317.7)
- CMYK
- cmyk(21% 93% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C342F1
- CA5EF4
- D275F7
- D98BF9
- E09FFB
- E6B3FD
- EDC6FE
- F3D9FF
- F9ECFF
Koyu tonlar
- A20DCF
- 8A09B1
- 730693
- 5C0477
- 46025C
- 320142
- 1F002A
- 0D0014
- 020003
Gri tonlar
- B631E3
- B042D9
- AB4FCE
- A559C4
- 9F62B9
- 9969AE
- 9370A3
- 8D7698
- 877B8C
Renk uyumları
Tamamlayıcı +180°
- BB11EE
Promiscuous Pink
- 4A9400
≈ Pistachio Flour
Analog -30° +30°
- BB11EE
Promiscuous Pink
- 795BFF
≈ Venetian Nights
- DB009F
≈ Aphroditean Fuchsia
Üçlü +120° +240°
- BB11EE
Promiscuous Pink
- A97200
≈ Cookie Dough
- 009191
≈ Common Teal
Bölünmüş tamamlayıcı +150° +210°
- BB11EE
Promiscuous Pink
- 8A8200
≈ Fickle Pickle
- 00956C
≈ Viridian
Dörtlü +90° +180° +270°
- BB11EE
Promiscuous Pink
- CC5500
≈ Burnt Orange
- 4A9400
≈ Pistachio Flour
- 008CB1
≈ Algiers Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.74:1 · APCA Lc 71
Ag
FailSiyah üzerinde
WCAG 4.42:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--promiscuous-pink: #bb11ee;
--promiscuous-pink-rgb: 187 17 238;
--promiscuous-pink-oklch: oklch(0.594 0.286 315.3);
}
.element {
color: var(--promiscuous-pink);
background-color: hsl(286 87% 50%);
border-color: oklch(0.594 0.286 315.3);
}Tailwind CSS v4
@theme {
--color-promiscuous-pink: #bb11ee;
--color-promiscuous-pink-50: #ffdcff;
--color-promiscuous-pink-100: #ffc9ff;
--color-promiscuous-pink-200: #ffaaff;
--color-promiscuous-pink-300: #f17fff;
--color-promiscuous-pink-400: #db53ff;
--color-promiscuous-pink-500: #c900ff;
--color-promiscuous-pink-600: #aa00d9;
--color-promiscuous-pink-700: #8804af;
--color-promiscuous-pink-800: #630485;
--color-promiscuous-pink-900: #46055f;
--color-promiscuous-pink-950: #2d0041;
}SCSS
$promiscuous-pink: #bb11ee;
$promiscuous-pink-rgb: 187, 17, 238;
$promiscuous-pink-light: mix(#fff, $promiscuous-pink, 20%);
$promiscuous-pink-dark: mix(#000, $promiscuous-pink, 20%);
.element {
color: $promiscuous-pink;
box-shadow: 0 0 0 2px rgba($promiscuous-pink, 0.35);
}