Named color · #CB8EB1
Bossy-Pants Pink
Bossy-Pants Pink is #CB8EB1: rgb(203 142 177), hsl(326 37% 68%), oklch(0.717 0.087 344.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Bossy-Pants Pink color name →
#CB8EB1
oklch(0.717 0.087 344.1)
Color conversions
- HEX
- #cb8eb1
- RGB
- rgb(203 142 177)
- HSL
- hsl(326 37% 68%)
- HWB
- hwb(326 56% 20%)
- OKLCH
- oklch(0.717 0.087 344.1)
- OKLab
- oklab(0.717 0.083 -0.024)
- CIE Lab
- lab(66.02 27.74 -8.66)
- LCH
- lch(66.02 29.06 342.7)
- CMYK
- cmyk(0% 30% 13% 20%)
Tints · Shades · Tones
Tints
- D199B9
- D6A4C0
- DCAFC8
- E1BBD0
- E6C6D7
- EBD1DF
- F0DCE7
- F5E8EF
- FAF3F7
Shades
- B07B99
- 966883
- 7D566C
- 654457
- 4D3442
- 37242F
- 22151C
- 0F070C
- 020101
Tones
- C48DAC
- BC8CA7
- B58AA2
- AD899D
- A68898
- 9E8693
- 97858E
- 8F838A
- 888285
Color harmonies
Complementary +180°
- CB8EB1
Bossy-Pants Pink
- 6DB595
≈ Sainsbury
Analogous -30° +30°
- CB8EB1
Bossy-Pants Pink
- B894CA
≈ Cut Velvet
- D48D93
≈ Dusty Pink
Triadic +120° +240°
- CB8EB1
Bossy-Pants Pink
- ACA765
≈ Wholemeal Cookie
- 63B0CC
≈ Crystal Seas
Split-complementary +150° +210°
- CB8EB1
Bossy-Pants Pink
- 8DB078
≈ Cressida
- 5AB5B4
≈ Crystalsong Blue
Tetradic +90° +180° +270°
- CB8EB1
Bossy-Pants Pink
- C49C65
≈ Amber Autumn
- 6DB595
≈ Sainsbury
- 7EA7D9
≈ Swift
Contrast & accessibility
Ag
FailOn white
WCAG 2.61:1 · APCA Lc 51
Ag
AAAOn black
WCAG 8.04:1 · APCA Lc 51
Best text color: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--bossy-pants-pink: #cb8eb1;
--bossy-pants-pink-rgb: 203 142 177;
--bossy-pants-pink-oklch: oklch(0.717 0.087 344.1);
}
.element {
color: var(--bossy-pants-pink);
background-color: hsl(326 37% 68%);
border-color: oklch(0.717 0.087 344.1);
}Tailwind CSS v4
@theme {
--color-bossy-pants-pink: #cb8eb1;
--color-bossy-pants-pink-50: #ffecfa;
--color-bossy-pants-pink-100: #ffddee;
--color-bossy-pants-pink-200: #f1c6dc;
--color-bossy-pants-pink-300: #d9a6c1;
--color-bossy-pants-pink-400: #c48aab;
--color-bossy-pants-pink-500: #af6e94;
--color-bossy-pants-pink-600: #945e7d;
--color-bossy-pants-pink-700: #764b64;
--color-bossy-pants-pink-800: #57364b;
--color-bossy-pants-pink-900: #3d2534;
--color-bossy-pants-pink-950: #26131f;
}SCSS
$bossy-pants-pink: #cb8eb1;
$bossy-pants-pink-rgb: 203, 142, 177;
$bossy-pants-pink-light: mix(#fff, $bossy-pants-pink, 20%);
$bossy-pants-pink-dark: mix(#000, $bossy-pants-pink, 20%);
.element {
color: $bossy-pants-pink;
box-shadow: 0 0 0 2px rgba($bossy-pants-pink, 0.35);
}