Cor nomeada mais próxima · #8566AD
#8566AD
Cor nomeada mais próxima: Lavish Spending
#8566AD (rgb(133 102 173), hsl(266 30% 54%), oklch(0.57 0.111 303.2)) é mais próxima da cor nomeada Lavish Spending. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8566AD
oklch(0.57 0.111 303.2)
Conversões de cor
- HEX
- #8566ad
- RGB
- rgb(133 102 173)
- HSL
- hsl(266 30% 54%)
- HWB
- hwb(266 40% 32%)
- OKLCH
- oklch(0.57 0.111 303.2)
- OKLab
- oklab(0.57 0.061 -0.093)
- CIE Lab
- lab(48.61 23.88 -33.63)
- LCH
- lch(48.61 41.25 305.4)
- CMYK
- cmyk(23% 41% 0% 32%)
Tons claros · Sombras · Tons
Tons claros
- 9075B6
- 9C84BE
- A893C6
- B4A2CF
- C0B1D7
- CCC0DF
- D9D0E7
- E5DFEF
- F2EFF7
Sombras
- 735896
- 614A7F
- 503C6A
- 402F55
- 302341
- 21172D
- 130C1B
- 06040B
- 010001
Tons
- 8469A9
- 846CA5
- 836FA0
- 83719C
- 827497
- 827793
- 81798E
- 817B8A
- 807E85
Harmonias de cor
Complementar +180°
- 8566AD
Lavish Spending
- 6B8230
≈ Swamp Moss
Análoga -30° +30°
- 8566AD
Lavish Spending
- 6272B9
≈ Gladiola Blue
- 9E5D93
≈ Bermuda Onion
Tríade +120° +240°
- 8566AD
Lavish Spending
- A56726
≈ Gallstone Yellow
- 008B7D
≈ Greenlake
Complementar dividida +150° +210°
- 8566AD
Lavish Spending
- 8E7513
≈ Jīn Zōng Gold
- 3A8A57
≈ Irish
Tétrade +90° +180° +270°
- 8566AD
Lavish Spending
- AF5D4B
≈ Ant Red
- 6B8230
≈ Swamp Moss
- 00869B
≈ Marker Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.50:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--lavish-spending: #8566ad;
--lavish-spending-rgb: 133 102 173;
--lavish-spending-oklch: oklch(0.57 0.111 303.2);
}
.element {
color: var(--lavish-spending);
background-color: hsl(266 30% 54%);
border-color: oklch(0.57 0.111 303.2);
}Tailwind CSS v4
@theme {
--color-lavish-spending: #8566ad;
--color-lavish-spending-50: #fceeff;
--color-lavish-spending-100: #f0dfff;
--color-lavish-spending-200: #dfc9fb;
--color-lavish-spending-300: #c5a9e5;
--color-lavish-spending-400: #ac8ed4;
--color-lavish-spending-500: #9572c2;
--color-lavish-spending-600: #7e61a4;
--color-lavish-spending-700: #654e84;
--color-lavish-spending-800: #493963;
--color-lavish-spending-900: #332745;
--color-lavish-spending-950: #1e152d;
}SCSS
$lavish-spending: #8566ad;
$lavish-spending-rgb: 133, 102, 173;
$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);
}