Nächste benannte Farbe · #BA8BBA
#BA8BBA
Nächste benannte Farbe: La la Love
#BA8BBA (rgb(186 139 186), hsl(300 25% 64%), oklch(0.697 0.086 326.4)) liegt am nächsten an der benannten Farbe La la Love. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BA8BBA
oklch(0.697 0.086 326.4)
Farbumrechnungen
- HEX
- #ba8bba
- RGB
- rgb(186 139 186)
- HSL
- hsl(300 25% 64%)
- HWB
- hwb(300 55% 27%)
- OKLCH
- oklch(0.697 0.086 326.4)
- OKLab
- oklab(0.697 0.071 -0.047)
- CIE Lab
- lab(63.68 24.34 -17.41)
- LCH
- lch(63.68 29.93 324.4)
- CMYK
- cmyk(0% 25% 0% 27%)
Tints · Shades · Tones
Tints
- C196C1
- C8A2C8
- CFADCF
- D6B9D6
- DDC4DC
- E4D0E3
- EBDBEA
- F1E7F1
- F8F3F8
Shades
- A178A1
- 896689
- 725472
- 5C435C
- 463246
- 322332
- 1E141E
- 0D070D
- 020102
Tones
- B48AB4
- AE89AE
- A988A8
- A387A3
- 9D869D
- 978597
- 928491
- 8C838C
- 868186
Farbharmonien
Komplementär +180°
- BA8BBA
La la Love
- 7AAC7E
≈ Summer Garden
Analog -30° +30°
- BA8BBA
La la Love
- A293CD
≈ Distinct Purple
- C9879F
≈ Orchid Smoke
Triadisch +120° +240°
- BA8BBA
La la Love
- B59A5D
≈ Escapade Gold
- 55ADB8
≈ Thalassa
Geteilt komplementär +150° +210°
- BA8BBA
La la Love
- 9AA566
≈ Green Smoke
- 5EAF9C
≈ Green Crush
Tetradisch +90° +180° +270°
- BA8BBA
La la Love
- C79069
≈ Butterum
- 7AAC7E
≈ Summer Garden
- 67A6CC
≈ Alaskan Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--la-la-love: #ba8bba;
--la-la-love-rgb: 186 139 186;
--la-la-love-oklch: oklch(0.697 0.086 326.4);
}
.element {
color: var(--la-la-love);
background-color: hsl(300 25% 64%);
border-color: oklch(0.697 0.086 326.4);
}Tailwind CSS v4
@theme {
--color-la-la-love: #ba8bba;
--color-la-la-love-50: #ffedff;
--color-la-la-love-100: #f9def6;
--color-la-la-love-200: #e9c8e7;
--color-la-la-love-300: #d0a8ce;
--color-la-la-love-400: #ba8db9;
--color-la-la-love-500: #a472a4;
--color-la-la-love-600: #8b608b;
--color-la-la-love-700: #6f4d6f;
--color-la-la-love-800: #513853;
--color-la-la-love-900: #39263a;
--color-la-la-love-950: #231524;
}SCSS
$la-la-love: #ba8bba;
$la-la-love-rgb: 186, 139, 186;
$la-la-love-light: mix(#fff, $la-la-love, 20%);
$la-la-love-dark: mix(#000, $la-la-love, 20%);
.element {
color: $la-la-love;
box-shadow: 0 0 0 2px rgba($la-la-love, 0.35);
}