Benannte Farbe · #BA93AF
Blooming Lilac
Blooming Lilac ist #BA93AF: rgb(186 147 175), hsl(317 22% 65%), oklch(0.708 0.06 336.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Blooming Lilac color name →
#BA93AF
oklch(0.708 0.06 336.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C19DB7
- C8A8BF
- CFB3C7
- D6BDCE
- DDC8D6
- E4D3DE
- EADEE7
- F1E9EF
- F8F4F7
Shades
- A17F98
- 896C81
- 72596B
- 5C4756
- 463641
- 32252E
- 1E161C
- 0D080B
- 020101
Tones
- B491AA
- AE8FA5
- A98DA1
- A38C9C
- 9D8A97
- 978893
- 91868E
- 8C8489
- 868285
Farbharmonien
Komplementär +180°
- BA93AF
Blooming Lilac
- 82AD92
≈ Nature Green
Analog -30° +30°
- BA93AF
Blooming Lilac
- AA98BF
≈ Ode to Purple
- C3929B
≈ Grey Pink
Triadisch +120° +240°
- BA93AF
Blooming Lilac
- ABA176
≈ Throw Rug
- 75ABB9
≈ Snowboard
Geteilt komplementär +150° +210°
- BA93AF
Blooming Lilac
- 97A880
≈ Huntington Garden
- 75AEA7
≈ Turquoise Fantasies
Tetradisch +90° +180° +270°
- BA93AF
Blooming Lilac
- BB9A79
≈ Boneyard
- 82AD92
≈ Nature Green
- 83A5C5
≈ High Tide
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.88:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
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);
}