Cor nomeada mais próxima · #8A4A8C
#8A4A8C
Cor nomeada mais próxima: Prunella
#8A4A8C (rgb(138 74 140), hsl(298 31% 42%), oklch(0.511 0.124 326.1)) é mais próxima da cor nomeada Prunella. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8A4A8C
oklch(0.511 0.124 326.1)
Conversões de cor
- HEX
- #8a4a8c
- RGB
- rgb(138 74 140)
- HSL
- hsl(298 31% 42%)
- HWB
- hwb(298 29% 45%)
- OKLCH
- oklch(0.511 0.124 326.1)
- OKLab
- oklab(0.511 0.103 -0.069)
- CIE Lab
- lab(41.46 35.26 -25.1)
- LCH
- lch(41.46 43.29 324.6)
- CMYK
- cmyk(1% 47% 0% 45%)
Tons claros · Sombras · Tons
Tons claros
- 965C97
- A26DA3
- AE7FAE
- B991BA
- C5A2C5
- D1B5D1
- DCC7DC
- E8D9E8
- F3ECF3
Sombras
- 773F79
- 653567
- 532A55
- 422043
- 321733
- 220E23
- 140614
- 070207
- 010001
Tons
- 8A508B
- 89568A
- 885C89
- 876188
- 876787
- 866C86
- 847184
- 837683
- 827B82
Harmonias de cor
Complementar +180°
- 8A4A8C
Prunella
- 2C7937
≈ Mermaid’s Tail
Análoga -30° +30°
- 8A4A8C
Prunella
- 6E55A5
≈ Prophet Violet
- 9C4469
≈ Satsuma Imo Red
Tríade +120° +240°
- 8A4A8C
Prunella
- 816100
≈ Ground Earth
- 00747F
≈ Night Scape
Complementar dividida +150° +210°
- 8A4A8C
Prunella
- 636E00
≈ Brownish Green
- 007864
≈ Shady Glade
Tétrade +90° +180° +270°
- 8A4A8C
Prunella
- 9A5002
≈ Burnt Bagel
- 2C7937
≈ Mermaid’s Tail
- 006F9D
≈ Disarm
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.10:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.43:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.10:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--prunella: #8a4a8c;
--prunella-rgb: 138 74 140;
--prunella-oklch: oklch(0.511 0.124 326.1);
}
.element {
color: var(--prunella);
background-color: hsl(298 31% 42%);
border-color: oklch(0.511 0.124 326.1);
}Tailwind CSS v4
@theme {
--color-prunella: #8a4a8c;
--color-prunella-50: #ffe9ff;
--color-prunella-100: #ffdafd;
--color-prunella-200: #f2c2ef;
--color-prunella-300: #daa1d8;
--color-prunella-400: #c484c6;
--color-prunella-500: #b066b2;
--color-prunella-600: #945796;
--color-prunella-700: #774578;
--color-prunella-800: #57325a;
--color-prunella-900: #3d223f;
--color-prunella-950: #261128;
}SCSS
$prunella: #8a4a8c;
$prunella-rgb: 138, 74, 140;
$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);
}