Nearest named color · #BA2CEC
#BA2CEC
Nearest named color: Promiscuous Pink
#BA2CEC (rgb(186 44 236), hsl(284 83% 55%), oklch(0.603 0.27 314.8)) is closest to the named color Promiscuous Pink. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BA2CEC
oklch(0.603 0.27 314.8)
Color conversions
- HEX
- #ba2cec
- RGB
- rgb(186 44 236)
- HSL
- hsl(284 83% 55%)
- HWB
- hwb(284 17% 7%)
- OKLCH
- oklch(0.603 0.27 314.8)
- OKLab
- oklab(0.603 0.19 -0.191)
- CIE Lab
- lab(49.27 73.21 -68.14)
- LCH
- lch(49.27 100.01 317.1)
- CMYK
- cmyk(21% 81% 0% 7%)
Tints · Shades · Tones
Tints
- C24DEF
- C966F3
- D17BF5
- D890F8
- DFA3FA
- E6B6FC
- ECC8FD
- F3DBFE
- F9EDFF
Shades
- A125CD
- 891EAF
- 721792
- 5C1176
- 460A5B
- 320542
- 1E0229
- 0D0113
- 020003
Tones
- B53EE2
- AF4BD7
- AA55CD
- A45EC2
- 9E65B8
- 996CAD
- 9372A2
- 8D7797
- 867C8C
Color harmonies
Complementary +180°
- BA2CEC
Promiscuous Pink
- 4E9600
≈ Grass Is Greener
Analogous -30° +30°
- BA2CEC
Promiscuous Pink
- 7A60FF
≈ Venetian Nights
- DF00A4
≈ Aphroditean Fuchsia
Triadic +120° +240°
- BA2CEC
Promiscuous Pink
- AD7400
≈ Philippine Gold
- 009494
≈ Paradise Landscape
Split-complementary +150° +210°
- BA2CEC
Promiscuous Pink
- 8D8400
≈ Fickle Pickle
- 00986E
≈ Rainforest
Tetradic +90° +180° +270°
- BA2CEC
Promiscuous Pink
- D15600
≈ Tomato Bisque
- 4E9600
≈ Grass Is Greener
- 008FB4
≈ Cool Tide
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 32
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--promiscuous-pink: #ba2cec;
--promiscuous-pink-rgb: 186 44 236;
--promiscuous-pink-oklch: oklch(0.603 0.27 314.8);
}
.element {
color: var(--promiscuous-pink);
background-color: hsl(284 83% 55%);
border-color: oklch(0.603 0.27 314.8);
}Tailwind CSS v4
@theme {
--color-promiscuous-pink: #ba2cec;
--color-promiscuous-pink-50: #ffddff;
--color-promiscuous-pink-100: #ffcbff;
--color-promiscuous-pink-200: #ffadff;
--color-promiscuous-pink-300: #ed84ff;
--color-promiscuous-pink-400: #d75bff;
--color-promiscuous-pink-500: #c517fc;
--color-promiscuous-pink-600: #a61cd4;
--color-promiscuous-pink-700: #8517ab;
--color-promiscuous-pink-800: #611082;
--color-promiscuous-pink-900: #440b5c;
--color-promiscuous-pink-950: #2c003f;
}SCSS
$promiscuous-pink: #ba2cec;
$promiscuous-pink-rgb: 186, 44, 236;
$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);
}