Cor nomeada mais próxima · #8756B1
#8756B1
Cor nomeada mais próxima: Lusty Lavender
#8756B1 (rgb(135 86 177), hsl(272 37% 52%), oklch(0.547 0.144 307.1)) é mais próxima da cor nomeada Lusty Lavender. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8756B1
oklch(0.547 0.144 307.1)
Conversões de cor
- HEX
- #8756b1
- RGB
- rgb(135 86 177)
- HSL
- hsl(272 37% 52%)
- HWB
- hwb(272 34% 31%)
- OKLCH
- oklch(0.547 0.144 307.1)
- OKLab
- oklab(0.547 0.087 -0.115)
- CIE Lab
- lab(45.26 34.08 -41.19)
- LCH
- lch(45.26 53.46 309.6)
- CMYK
- cmyk(24% 51% 0% 31%)
Tons claros · Sombras · Tons
Tons claros
- 9267B9
- 9E78C2
- AA88CA
- B599D2
- C1AADA
- CDBAE1
- DACBE9
- E6DCF0
- F2EEF8
Sombras
- 754A99
- 633E83
- 51326C
- 412757
- 311C42
- 21122F
- 13081C
- 06020C
- 010001
Tons
- 865BAD
- 8660A8
- 8565A3
- 84699F
- 846D9A
- 837195
- 827590
- 81798B
- 817C85
Harmonias de cor
Complementar +180°
- 8756B1
Lusty Lavender
- 5A7F00
≈ Avocado
Análoga -30° +30°
- 8756B1
Lusty Lavender
- 5E65C3
≈ Bluish Purple Anemone
- A34B8F
≈ La la Lavender
Tríade +120° +240°
- 8756B1
Lusty Lavender
- 9E6000
≈ Soft Tone Ink
- 00827A
≈ Blue Winged Teal
Complementar dividida +150° +210°
- 8756B1
Lusty Lavender
- 837000
≈ Sunlit Kelp Green
- 008651
≈ Pixel Nature
Tétrade +90° +180° +270°
- 8756B1
Lusty Lavender
- B44B2C
≈ Cinnamon Sunset
- 5A7F00
≈ Avocado
- 007E96
≈ Pagoda
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.99:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--lusty-lavender: #8756b1;
--lusty-lavender-rgb: 135 86 177;
--lusty-lavender-oklch: oklch(0.547 0.144 307.1);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(272 37% 52%);
border-color: oklch(0.547 0.144 307.1);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #8756b1;
--color-lusty-lavender-50: #ffebff;
--color-lusty-lavender-100: #f6dbff;
--color-lusty-lavender-200: #e6c4ff;
--color-lusty-lavender-300: #cda3ef;
--color-lusty-lavender-400: #b586e0;
--color-lusty-lavender-500: #a068cf;
--color-lusty-lavender-600: #8759af;
--color-lusty-lavender-700: #6c478d;
--color-lusty-lavender-800: #4e336a;
--color-lusty-lavender-900: #36234a;
--color-lusty-lavender-950: #211231;
}SCSS
$lusty-lavender: #8756b1;
$lusty-lavender-rgb: 135, 86, 177;
$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);
}