Colore con nome · #D39BCB
Girl Power
Girl Power è #D39BCB: rgb(211 155 203), hsl(309 39% 72%), oklch(0.758 0.092 331.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Girl Power color name →
#D39BCB
oklch(0.758 0.092 331.5)
Conversioni di colore
- HEX
- #d39bcb
- RGB
- rgb(211 155 203)
- HSL
- hsl(309 39% 72%)
- HWB
- hwb(309 61% 17%)
- OKLCH
- oklch(0.758 0.092 331.5)
- OKLab
- oklab(0.758 0.081 -0.044)
- CIE Lab
- lab(70.6 27.26 -16.16)
- LCH
- lch(70.6 31.69 329.3)
- CMYK
- cmyk(0% 27% 4% 17%)
Tinte · Ombre · Toni
Tinte
- D8A5D0
- DCAFD5
- E1B9DB
- E5C3E0
- EACDE5
- EED7EA
- F3E1EF
- F7EBF5
- FBF5FA
Ombre
- B786B0
- 9C7296
- 825E7D
- 694B65
- 51394D
- 3A2837
- 241822
- 10090F
- 020102
Toni
- CB98C3
- C296BC
- BA93B4
- B291AC
- A98EA5
- A18B9D
- 998896
- 91868F
- 888387
Armonie di colore
Complementare +180°
- D39BCB
Girl Power
- 84C193
≈ Country Weekend
Analogo -30° +30°
- D39BCB
Girl Power
- BAA3E2
≈ Enchanted Lavender
- E298AC
≈ Rose Delight
Triadico +120° +240°
- D39BCB
Girl Power
- C6AF6A
≈ Champagne Grape
- 63C0D2
≈ Skydive
Complementare divisa +150° +210°
- D39BCB
Girl Power
- A7BA77
≈ Green Curry
- 67C4B4
≈ Miami Teal
Tetradico +90° +180° +270°
- D39BCB
Girl Power
- DBA373
≈ Japanese Yew
- 84C193
≈ Country Weekend
- 7AB8E6
≈ Aero
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.32:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--girl-power: #d39bcb;
--girl-power-rgb: 211 155 203;
--girl-power-oklch: oklch(0.758 0.092 331.5);
}
.element {
color: var(--girl-power);
background-color: hsl(309 39% 72%);
border-color: oklch(0.758 0.092 331.5);
}Tailwind CSS v4
@theme {
--color-girl-power: #d39bcb;
--color-girl-power-50: #ffecff;
--color-girl-power-100: #fcddf5;
--color-girl-power-200: #edc6e5;
--color-girl-power-300: #d5a6cb;
--color-girl-power-400: #bf8ab7;
--color-girl-power-500: #a96fa2;
--color-girl-power-600: #8f5e89;
--color-girl-power-700: #734b6e;
--color-girl-power-800: #543652;
--color-girl-power-900: #3b2539;
--color-girl-power-950: #251423;
}SCSS
$girl-power: #d39bcb;
$girl-power-rgb: 211, 155, 203;
$girl-power-light: mix(#fff, $girl-power, 20%);
$girl-power-dark: mix(#000, $girl-power, 20%);
.element {
color: $girl-power;
box-shadow: 0 0 0 2px rgba($girl-power, 0.35);
}