Colore con nome · #BA93AF
Blooming Lilac
Blooming Lilac è #BA93AF: rgb(186 147 175), hsl(317 22% 65%), oklch(0.708 0.06 336.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Blooming Lilac color name →
#BA93AF
oklch(0.708 0.06 336.6)
Conversioni di colore
- HEX
- #ba93af
- RGB
- rgb(186 147 175)
- HSL
- hsl(317 22% 65%)
- HWB
- hwb(317 58% 27%)
- OKLCH
- oklch(0.708 0.06 336.6)
- OKLab
- oklab(0.708 0.055 -0.024)
- CIE Lab
- lab(65.31 18.6 -8.83)
- LCH
- lch(65.31 20.59 334.6)
- CMYK
- cmyk(0% 21% 6% 27%)
Tinte · Ombre · Toni
Tinte
- C19DB7
- C8A8BF
- CFB3C7
- D6BDCE
- DDC8D6
- E4D3DE
- EADEE7
- F1E9EF
- F8F4F7
Ombre
- A17F98
- 896C81
- 72596B
- 5C4756
- 463641
- 32252E
- 1E161C
- 0D080B
- 020101
Toni
- B491AA
- AE8FA5
- A98DA1
- A38C9C
- 9D8A97
- 978893
- 91868E
- 8C8489
- 868285
Armonie di colore
Complementare +180°
- BA93AF
Blooming Lilac
- 82AD92
≈ Nature Green
Analogo -30° +30°
- BA93AF
Blooming Lilac
- AA98BF
≈ Ode to Purple
- C3929B
≈ Grey Pink
Triadico +120° +240°
- BA93AF
Blooming Lilac
- ABA176
≈ Throw Rug
- 75ABB9
≈ Snowboard
Complementare divisa +150° +210°
- BA93AF
Blooming Lilac
- 97A880
≈ Huntington Garden
- 75AEA7
≈ Turquoise Fantasies
Tetradico +90° +180° +270°
- BA93AF
Blooming Lilac
- BB9A79
≈ Boneyard
- 82AD92
≈ Nature Green
- 83A5C5
≈ High Tide
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.88:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--blooming-lilac: #ba93af;
--blooming-lilac-rgb: 186 147 175;
--blooming-lilac-oklch: oklch(0.708 0.06 336.6);
}
.element {
color: var(--blooming-lilac);
background-color: hsl(317 22% 65%);
border-color: oklch(0.708 0.06 336.6);
}Tailwind CSS v4
@theme {
--color-blooming-lilac: #ba93af;
--color-blooming-lilac-50: #ffeffb;
--color-blooming-lilac-100: #f6e1ef;
--color-blooming-lilac-200: #e7cbdd;
--color-blooming-lilac-300: #cdacc2;
--color-blooming-lilac-400: #b691ac;
--color-blooming-lilac-500: #a07795;
--color-blooming-lilac-600: #88657e;
--color-blooming-lilac-700: #6d5165;
--color-blooming-lilac-800: #503b4b;
--color-blooming-lilac-900: #372834;
--color-blooming-lilac-950: #22161f;
}SCSS
$blooming-lilac: #ba93af;
$blooming-lilac-rgb: 186, 147, 175;
$blooming-lilac-light: mix(#fff, $blooming-lilac, 20%);
$blooming-lilac-dark: mix(#000, $blooming-lilac, 20%);
.element {
color: $blooming-lilac;
box-shadow: 0 0 0 2px rgba($blooming-lilac, 0.35);
}