Named color · #C189BC
Dragonflies
Dragonflies is #C189BC: rgb(193 137 188), hsl(305 31% 65%), oklch(0.702 0.096 329.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Dragonflies color name →
#C189BC
oklch(0.702 0.096 329.6)
Color conversions
- HEX
- #c189bc
- RGB
- rgb(193 137 188)
- HSL
- hsl(305 31% 65%)
- HWB
- hwb(305 54% 24%)
- OKLCH
- oklch(0.702 0.096 329.6)
- OKLab
- oklab(0.702 0.083 -0.049)
- CIE Lab
- lab(64.04 28.17 -17.91)
- LCH
- lch(64.04 33.38 327.6)
- CMYK
- cmyk(0% 29% 3% 24%)
Tints · Shades · Tones
Tints
- C895C3
- CEA0C9
- D4ACD0
- DBB8D7
- E1C3DD
- E7CFE4
- EDDBEB
- F3E7F2
- F9F3F8
Shades
- A776A3
- 8F648B
- 775373
- 5F425D
- 493147
- 342232
- 20141F
- 0E070D
- 020102
Tones
- BB88B6
- B488B0
- AE87AA
- A786A4
- A1859E
- 9A8498
- 948392
- 8D828C
- 878186
Color harmonies
Complementary +180°
- C189BC
Dragonflies
- 72B07E
≈ Lily Pads
Analogous -30° +30°
- C189BC
Dragonflies
- A891D3
≈ Middy’s Purple
- D0859D
≈ Dull Pink
Triadic +120° +240°
- C189BC
Dragonflies
- B79C55
≈ Escapade Gold
- 49AFC0
≈ Viking
Split-complementary +150° +210°
- C189BC
Dragonflies
- 98A861
≈ Gallant Green
- 50B3A1
≈ Sacred Turquoise
Tetradic +90° +180° +270°
- C189BC
Dragonflies
- CB9060
≈ Napa Sunset
- 72B07E
≈ Lily Pads
- 63A7D5
≈ Ocean Tropic
Contrast & accessibility
Ag
FailOn white
WCAG 2.77:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.57:1 · APCA Lc 48
Best text color: #000000
WCAG 7.57:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--dragonflies: #c189bc;
--dragonflies-rgb: 193 137 188;
--dragonflies-oklch: oklch(0.702 0.096 329.6);
}
.element {
color: var(--dragonflies);
background-color: hsl(305 31% 65%);
border-color: oklch(0.702 0.096 329.6);
}Tailwind CSS v4
@theme {
--color-dragonflies: #c189bc;
--color-dragonflies-50: #ffecff;
--color-dragonflies-100: #fcddf7;
--color-dragonflies-200: #eec6e7;
--color-dragonflies-300: #d5a6ce;
--color-dragonflies-400: #bf8aba;
--color-dragonflies-500: #aa6ea5;
--color-dragonflies-600: #8f5d8b;
--color-dragonflies-700: #734a70;
--color-dragonflies-800: #543653;
--color-dragonflies-900: #3b253a;
--color-dragonflies-950: #251324;
}SCSS
$dragonflies: #c189bc;
$dragonflies-rgb: 193, 137, 188;
$dragonflies-light: mix(#fff, $dragonflies, 20%);
$dragonflies-dark: mix(#000, $dragonflies, 20%);
.element {
color: $dragonflies;
box-shadow: 0 0 0 2px rgba($dragonflies, 0.35);
}