Couleur nommée la plus proche · #8666AC
#8666AC
Couleur nommée la plus proche: Lavish Spending
#8666AC (rgb(134 102 172), hsl(267 30% 54%), oklch(0.571 0.11 304.2)) est la plus proche de la couleur nommée Lavish Spending. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8666AC
oklch(0.571 0.11 304.2)
Conversions de couleur
- HEX
- #8666ac
- RGB
- rgb(134 102 172)
- HSL
- hsl(267 30% 54%)
- HWB
- hwb(267 40% 33%)
- OKLCH
- oklch(0.571 0.11 304.2)
- OKLab
- oklab(0.571 0.062 -0.091)
- CIE Lab
- lab(48.67 24.03 -32.94)
- LCH
- lch(48.67 40.77 306.1)
- CMYK
- cmyk(22% 41% 0% 33%)
Teintes · Ombres · Tons
Teintes
- 9175B5
- 9D84BD
- A993C6
- B5A2CE
- C1B1D6
- CDC0DF
- D9D0E7
- E6DFEF
- F2EFF7
Ombres
- 745895
- 624A7F
- 513C69
- 402F54
- 302340
- 21172D
- 130C1B
- 06040B
- 010001
Tons
- 8569A8
- 856CA4
- 846F9F
- 84719B
- 837497
- 827792
- 82798E
- 817B89
- 817E85
Harmonies de couleurs
Complémentaire +180°
- 8666AC
Lavish Spending
- 6A8233
≈ Swamp Moss
Analogue -30° +30°
- 8666AC
Lavish Spending
- 6472B8
≈ Gladiola Blue
- 9E5D92
≈ Bermuda Onion
Triadique +120° +240°
- 8666AC
Lavish Spending
- A46827
≈ Gallstone Yellow
- 008B7E
≈ Go Go Green
Complémentaire divisée +150° +210°
- 8666AC
Lavish Spending
- 8D7616
≈ Jīn Zōng Gold
- 398A59
≈ Irish
Tétradique +90° +180° +270°
- 8666AC
Lavish Spending
- AF5D4B
≈ Ant Red
- 6A8233
≈ Swamp Moss
- 00869C
≈ Marker Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.65:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.50:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--lavish-spending: #8666ac;
--lavish-spending-rgb: 134 102 172;
--lavish-spending-oklch: oklch(0.571 0.11 304.2);
}
.element {
color: var(--lavish-spending);
background-color: hsl(267 30% 54%);
border-color: oklch(0.571 0.11 304.2);
}Tailwind CSS v4
@theme {
--color-lavish-spending: #8666ac;
--color-lavish-spending-50: #fdeeff;
--color-lavish-spending-100: #f1dfff;
--color-lavish-spending-200: #e0c9fa;
--color-lavish-spending-300: #c5a9e4;
--color-lavish-spending-400: #ad8ed3;
--color-lavish-spending-500: #9672c1;
--color-lavish-spending-600: #7f61a3;
--color-lavish-spending-700: #664d83;
--color-lavish-spending-800: #4a3862;
--color-lavish-spending-900: #332745;
--color-lavish-spending-950: #1f152c;
}SCSS
$lavish-spending: #8666ac;
$lavish-spending-rgb: 134, 102, 172;
$lavish-spending-light: mix(#fff, $lavish-spending, 20%);
$lavish-spending-dark: mix(#000, $lavish-spending, 20%);
.element {
color: $lavish-spending;
box-shadow: 0 0 0 2px rgba($lavish-spending, 0.35);
}