Colore con nome più vicino · #B68EB5
#B68EB5
Colore con nome più vicino: La la Love
#B68EB5 (rgb(182 142 181), hsl(302 22% 64%), oklch(0.697 0.072 327.1)) è più vicino al colore con nome La la Love. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B68EB5
oklch(0.697 0.072 327.1)
Conversioni di colore
- HEX
- #b68eb5
- RGB
- rgb(182 142 181)
- HSL
- hsl(302 22% 64%)
- HWB
- hwb(302 56% 29%)
- OKLCH
- oklch(0.697 0.072 327.1)
- OKLab
- oklab(0.697 0.061 -0.039)
- CIE Lab
- lab(63.84 20.6 -14.43)
- LCH
- lch(63.84 25.15 325)
- CMYK
- cmyk(0% 22% 1% 29%)
Tinte · Ombre · Toni
Tinte
- BD99BC
- C5A4C4
- CCAFCB
- D3BAD2
- DBC5DA
- E2D1E1
- E9DCE9
- F0E8F0
- F8F3F8
Ombre
- 9E7B9D
- 866886
- 6F566F
- 594459
- 443444
- 302430
- 1D151D
- 0C070C
- 020102
Toni
- B18DB0
- AB8BAA
- A68AA5
- A089A0
- 9B879A
- 968695
- 908490
- 8B838A
- 858285
Armonie di colore
Complementare +180°
- B68EB5
La la Love
- 80AA84
≈ Adventurine
Analogo -30° +30°
- B68EB5
La la Love
- A294C5
≈ Distinct Purple
- C38B9E
≈ Winsome Rose
Triadico +120° +240°
- B68EB5
La la Love
- B19B69
≈ Golden Moss
- 64AAB4
≈ Summer Sea
Complementare divisa +150° +210°
- B68EB5
La la Love
- 9AA470
≈ Cucuzza Verde
- 6AAD9D
≈ Green Crush
Tetradico +90° +180° +270°
- B68EB5
La la Love
- C09271
≈ Sunset Cloud
- 80AA84
≈ Adventurine
- 72A5C5
≈ Wandering River
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.52:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--la-la-love: #b68eb5;
--la-la-love-rgb: 182 142 181;
--la-la-love-oklch: oklch(0.697 0.072 327.1);
}
.element {
color: var(--la-la-love);
background-color: hsl(302 22% 64%);
border-color: oklch(0.697 0.072 327.1);
}Tailwind CSS v4
@theme {
--color-la-la-love: #b68eb5;
--color-la-la-love-50: #ffeeff;
--color-la-la-love-100: #f6e0f4;
--color-la-la-love-200: #e6cae4;
--color-la-la-love-300: #cdabca;
--color-la-la-love-400: #b690b5;
--color-la-la-love-500: #a0759f;
--color-la-la-love-600: #876387;
--color-la-la-love-700: #6c4f6c;
--color-la-la-love-800: #4f3a50;
--color-la-la-love-900: #372838;
--color-la-la-love-950: #221622;
}SCSS
$la-la-love: #b68eb5;
$la-la-love-rgb: 182, 142, 181;
$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);
}