Cor nomeada mais próxima · #8E5B8A
#8E5B8A
Cor nomeada mais próxima: Grape Candy
#8E5B8A (rgb(142 91 138), hsl(305 22% 46%), oklch(0.544 0.094 329.5)) é mais próxima da cor nomeada Grape Candy. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8E5B8A
oklch(0.544 0.094 329.5)
Conversões de cor
- HEX
- #8e5b8a
- RGB
- rgb(142 91 138)
- HSL
- hsl(305 22% 46%)
- HWB
- hwb(305 36% 44%)
- OKLCH
- oklch(0.544 0.094 329.5)
- OKLab
- oklab(0.544 0.081 -0.047)
- CIE Lab
- lab(45.71 27.27 -17.34)
- LCH
- lch(45.71 32.32 327.6)
- CMYK
- cmyk(0% 36% 3% 44%)
Tons claros · Sombras · Tons
Tons claros
- 996B95
- A57AA1
- B08AAC
- BB9AB8
- C6ABC3
- D2BBCF
- DDCCDB
- E8DDE7
- F4EEF3
Sombras
- 7B4E77
- 684165
- 563553
- 442942
- 341E32
- 241322
- 150914
- 070307
- 010001
Tons
- 8D5F89
- 8C6388
- 8B6787
- 896B86
- 886E85
- 877284
- 857583
- 847982
- 827D81
Harmonias de cor
Complementar +180°
- 8E5B8A
Grape Candy
- 457F51
≈ Mint Green
Análoga -30° +30°
- 8E5B8A
Grape Candy
- 78639E
≈ Purple Paradise
- 9C576E
≈ Mulberry Mix
Tríade +120° +240°
- 8E5B8A
Grape Candy
- 856D26
≈ Yukon Gold
- 027E8D
≈ Metallic Seaweed
Complementar dividida +150° +210°
- 8E5B8A
Grape Candy
- 697734
≈ Army Golf
- 168171
≈ Tropical Green
Tétrade +90° +180° +270°
- 8E5B8A
Grape Candy
- 976133
≈ Chilli Con Carne
- 457F51
≈ Mint Green
- 3477A0
≈ Taiwan Blue Magpie
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--grape-candy: #8e5b8a;
--grape-candy-rgb: 142 91 138;
--grape-candy-oklch: oklch(0.544 0.094 329.5);
}
.element {
color: var(--grape-candy);
background-color: hsl(305 22% 46%);
border-color: oklch(0.544 0.094 329.5);
}Tailwind CSS v4
@theme {
--color-grape-candy: #8e5b8a;
--color-grape-candy-50: #ffecff;
--color-grape-candy-100: #fbddf6;
--color-grape-candy-200: #edc6e7;
--color-grape-candy-300: #d4a6cd;
--color-grape-candy-400: #be8ab9;
--color-grape-candy-500: #a96fa4;
--color-grape-candy-600: #8f5e8b;
--color-grape-candy-700: #724b6f;
--color-grape-candy-800: #543653;
--color-grape-candy-900: #3a253a;
--color-grape-candy-950: #241424;
}SCSS
$grape-candy: #8e5b8a;
$grape-candy-rgb: 142, 91, 138;
$grape-candy-light: mix(#fff, $grape-candy, 20%);
$grape-candy-dark: mix(#000, $grape-candy, 20%);
.element {
color: $grape-candy;
box-shadow: 0 0 0 2px rgba($grape-candy, 0.35);
}