Colore con nome più vicino · #8654BB
#8654BB
Colore con nome più vicino: Lusty Lavender
#8654BB (rgb(134 84 187), hsl(269 43% 53%), oklch(0.549 0.159 304)) è più vicino al colore con nome Lusty Lavender. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8654BB
oklch(0.549 0.159 304)
Conversioni di colore
- HEX
- #8654bb
- RGB
- rgb(134 84 187)
- HSL
- hsl(269 43% 53%)
- HWB
- hwb(269 33% 27%)
- OKLCH
- oklch(0.549 0.159 304)
- OKLab
- oklab(0.549 0.089 -0.132)
- CIE Lab
- lab(45.18 36.72 -47.15)
- LCH
- lch(45.18 59.77 307.9)
- CMYK
- cmyk(28% 55% 0% 27%)
Tinte · Ombre · Toni
Tinte
- 9166C3
- 9D77CA
- A888D1
- B499D8
- C0A9DF
- CDBAE6
- D9CBED
- E6DCF3
- F2EEF9
Ombre
- 7448A2
- 623C8A
- 513173
- 40265C
- 301B46
- 211132
- 13081F
- 06020D
- 010002
Toni
- 855AB6
- 855FB0
- 8464AA
- 8368A5
- 836D9F
- 827199
- 827593
- 81798D
- 817C87
Armonie di colore
Complementare +180°
- 8654BB
Lusty Lavender
- 617D00
≈ Birch Leaf Green
Analogo -30° +30°
- 8654BB
Lusty Lavender
- 5765CC
≈ Borage Blue
- A64697
≈ Aged Purple
Triadico +120° +240°
- 8654BB
Lusty Lavender
- A25F00
≈ Raw Umber
- 008378
≈ Green Garlands
Complementare divisa +150° +210°
- 8654BB
Lusty Lavender
- 876F00
≈ Sunlit Kelp Green
- 00884A
≈ Real Turquoise
Tetradico +90° +180° +270°
- 8654BB
Lusty Lavender
- BB442A
≈ Devil’s Butterfly
- 617D00
≈ Birch Leaf Green
- 007F93
≈ Pagoda
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--lusty-lavender: #8654bb;
--lusty-lavender-rgb: 134 84 187;
--lusty-lavender-oklch: oklch(0.549 0.159 304);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(269 43% 53%);
border-color: oklch(0.549 0.159 304);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #8654bb;
--color-lusty-lavender-50: #ffeaff;
--color-lusty-lavender-100: #f5dbff;
--color-lusty-lavender-200: #e5c3ff;
--color-lusty-lavender-300: #cca1f8;
--color-lusty-lavender-400: #b384ea;
--color-lusty-lavender-500: #9e66da;
--color-lusty-lavender-600: #8557b8;
--color-lusty-lavender-700: #6b4594;
--color-lusty-lavender-800: #4d326f;
--color-lusty-lavender-900: #36224e;
--color-lusty-lavender-950: #211134;
}SCSS
$lusty-lavender: #8654bb;
$lusty-lavender-rgb: 134, 84, 187;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}