Cor nomeada mais próxima · #8D488D
#8D488D
Cor nomeada mais próxima: Prunella
#8D488D (rgb(141 72 141), hsl(300 32% 42%), oklch(0.513 0.131 327.3)) é mais próxima da cor nomeada Prunella. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8D488D
oklch(0.513 0.131 327.3)
Conversões de cor
- HEX
- #8d488d
- RGB
- rgb(141 72 141)
- HSL
- hsl(300 32% 42%)
- HWB
- hwb(300 28% 45%)
- OKLCH
- oklch(0.513 0.131 327.3)
- OKLab
- oklab(0.513 0.11 -0.071)
- CIE Lab
- lab(41.51 37.45 -25.59)
- LCH
- lch(41.51 45.35 325.7)
- CMYK
- cmyk(0% 49% 0% 45%)
Tons claros · Sombras · Tons
Tons claros
- 995A98
- A46CA4
- B07EAF
- BC90BA
- C7A2C6
- D2B4D1
- DEC6DC
- E9D9E8
- F4ECF3
Sombras
- 7A3D7A
- 673367
- 552955
- 441F44
- 331633
- 230D23
- 140614
- 070207
- 010001
Tons
- 8C4F8C
- 8B558B
- 8B5B8A
- 896089
- 886687
- 876B86
- 857185
- 847683
- 827B82
Harmonias de cor
Complementar +180°
- 8D488D
Prunella
- 247A37
≈ Gorgeous Green
Análoga -30° +30°
- 8D488D
Prunella
- 7053A7
≈ Prophet Violet
- 9F4167
≈ Gooseberry
Tríade +120° +240°
- 8D488D
Prunella
- 806200
≈ Ground Earth
- 007580
≈ Night Scape
Complementar dividida +150° +210°
- 8D488D
Prunella
- 626F00
≈ Brownish Green
- 007866
≈ Shady Glade
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.09:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.44:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--prunella: #8d488d;
--prunella-rgb: 141 72 141;
--prunella-oklch: oklch(0.513 0.131 327.3);
}
.element {
color: var(--prunella);
background-color: hsl(300 32% 42%);
border-color: oklch(0.513 0.131 327.3);
}Tailwind CSS v4
@theme {
--color-prunella: #8d488d;
--color-prunella-50: #ffe8ff;
--color-prunella-100: #ffd9fe;
--color-prunella-200: #f4c1f0;
--color-prunella-300: #dd9fd8;
--color-prunella-400: #c782c6;
--color-prunella-500: #b364b2;
--color-prunella-600: #975597;
--color-prunella-700: #794479;
--color-prunella-800: #59315b;
--color-prunella-900: #3e2140;
--color-prunella-950: #271028;
}SCSS
$prunella: #8d488d;
$prunella-rgb: 141, 72, 141;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}