Colore con nome · #C189BC
Dragonflies
Dragonflies è #C189BC: rgb(193 137 188), hsl(305 31% 65%), oklch(0.702 0.096 329.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Dragonflies color name →
#C189BC
oklch(0.702 0.096 329.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C895C3
- CEA0C9
- D4ACD0
- DBB8D7
- E1C3DD
- E7CFE4
- EDDBEB
- F3E7F2
- F9F3F8
Ombre
- A776A3
- 8F648B
- 775373
- 5F425D
- 493147
- 342232
- 20141F
- 0E070D
- 020102
Toni
- BB88B6
- B488B0
- AE87AA
- A786A4
- A1859E
- 9A8498
- 948392
- 8D828C
- 878186
Armonie di colore
Complementare +180°
- C189BC
Dragonflies
- 72B07E
≈ Lily Pads
Analogo -30° +30°
- C189BC
Dragonflies
- A891D3
≈ Middy’s Purple
- D0859D
≈ Dull Pink
Triadico +120° +240°
- C189BC
Dragonflies
- B79C55
≈ Escapade Gold
- 49AFC0
≈ Viking
Complementare divisa +150° +210°
- C189BC
Dragonflies
- 98A861
≈ Gallant Green
- 50B3A1
≈ Sacred Turquoise
Tetradico +90° +180° +270°
- C189BC
Dragonflies
- CB9060
≈ Napa Sunset
- 72B07E
≈ Lily Pads
- 63A7D5
≈ Ocean Tropic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.77:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.57:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.57:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
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);
}