Colore con nome · #B86FC2
Lavendless
Lavendless è #B86FC2: rgb(184 111 194), hsl(293 40% 60%), oklch(0.651 0.143 322.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lavendless color name →
#B86FC2
oklch(0.651 0.143 322.6)
Conversioni di colore
- HEX
- #b86fc2
- RGB
- rgb(184 111 194)
- HSL
- hsl(293 40% 60%)
- HWB
- hwb(293 44% 24%)
- OKLCH
- oklch(0.651 0.143 322.6)
- OKLab
- oklab(0.651 0.114 -0.087)
- CIE Lab
- lab(57.4 39.42 -31.52)
- LCH
- lch(57.4 50.48 321.4)
- CMYK
- cmyk(5% 43% 0% 24%)
Tinte · Ombre · Toni
Tinte
- C07EC8
- C78CCF
- CE9AD5
- D6A9DB
- DDB7E1
- E4C5E8
- EBD4ED
- F2E2F3
- F8F0F9
Ombre
- A060A8
- 88518F
- 714277
- 5B3460
- 452749
- 311A34
- 1E0E20
- 0C040E
- 020102
Toni
- B371BB
- AD74B5
- A876AE
- A278A8
- 9D79A1
- 977B9B
- 927C94
- 8C7E8D
- 867F87
Armonie di colore
Complementare +180°
- B86FC2
Lavendless
- 56A551
≈ Straightforward Green
Analogo -30° +30°
- B86FC2
Lavendless
- 937DDE
≈ Indigo Bloom
- D06798
≈ Nocturnal Rose
Triadico +120° +240°
- B86FC2
Lavendless
- B78600
≈ Letter Jacket
- 00A3AD
≈ Aare River Brienz
Complementare divisa +150° +210°
- B86FC2
Lavendless
- 919708
≈ Devil’s Flower Mantis
- 00A887
≈ Moray Eel
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.44:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.09:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--lavendless: #b86fc2;
--lavendless-rgb: 184 111 194;
--lavendless-oklch: oklch(0.651 0.143 322.6);
}
.element {
color: var(--lavendless);
background-color: hsl(293 40% 60%);
border-color: oklch(0.651 0.143 322.6);
}Tailwind CSS v4
@theme {
--color-lavendless: #b86fc2;
--color-lavendless-50: #ffe8ff;
--color-lavendless-100: #ffd8ff;
--color-lavendless-200: #f4c0f7;
--color-lavendless-300: #dc9ee0;
--color-lavendless-400: #c680d0;
--color-lavendless-500: #b261bd;
--color-lavendless-600: #96539f;
--color-lavendless-700: #784280;
--color-lavendless-800: #583060;
--color-lavendless-900: #3e2044;
--color-lavendless-950: #270f2c;
}SCSS
$lavendless: #b86fc2;
$lavendless-rgb: 184, 111, 194;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}