Cor nomeada mais próxima · #8F488B
#8F488B
Cor nomeada mais próxima: Prunella
#8F488B (rgb(143 72 139), hsl(303 33% 42%), oklch(0.514 0.13 329.4)) é mais próxima da cor nomeada Prunella. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8F488B
oklch(0.514 0.13 329.4)
Conversões de cor
- HEX
- #8f488b
- RGB
- rgb(143 72 139)
- HSL
- hsl(303 33% 42%)
- HWB
- hwb(303 28% 44%)
- OKLCH
- oklch(0.514 0.13 329.4)
- OKLab
- oklab(0.514 0.112 -0.066)
- CIE Lab
- lab(41.72 37.83 -24.02)
- LCH
- lch(41.72 44.81 327.6)
- CMYK
- cmyk(0% 50% 3% 44%)
Tons claros · Sombras · Tons
Tons claros
- 9B5A96
- A66CA2
- B27EAD
- BD90B9
- C8A2C4
- D3B4D0
- DEC6DC
- E9D9E7
- F4ECF3
Sombras
- 7C3D78
- 693366
- 572954
- 451F43
- 341632
- 240D23
- 150614
- 070207
- 010001
Tons
- 8E4F8A
- 8D5589
- 8C5B88
- 8B6087
- 896686
- 886B85
- 867184
- 847683
- 827B81
Harmonias de cor
Complementar +180°
- 8F488B
Prunella
- 1D7B3B
≈ Gorgeous Green
Análoga -30° +30°
- 8F488B
Prunella
- 7353A6
≈ Royal Lavender
- A04265
≈ Gooseberry
Tríade +120° +240°
- 8F488B
Prunella
- 7F6300
≈ Ground Earth
- 007583
≈ Deep Current
Complementar dividida +150° +210°
- 8F488B
Prunella
- 607000
≈ Brownish Green
- 007869
≈ Teal Waters
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.05:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.46:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--prunella: #8f488b;
--prunella-rgb: 143 72 139;
--prunella-oklch: oklch(0.514 0.13 329.4);
}
.element {
color: var(--prunella);
background-color: hsl(303 33% 42%);
border-color: oklch(0.514 0.13 329.4);
}Tailwind CSS v4
@theme {
--color-prunella: #8f488b;
--color-prunella-50: #ffe8ff;
--color-prunella-100: #ffd9fc;
--color-prunella-200: #f6c0ee;
--color-prunella-300: #df9fd6;
--color-prunella-400: #c981c4;
--color-prunella-500: #b463b0;
--color-prunella-600: #985494;
--color-prunella-700: #7a4377;
--color-prunella-800: #5a3159;
--color-prunella-900: #3f213e;
--color-prunella-950: #281028;
}SCSS
$prunella: #8f488b;
$prunella-rgb: 143, 72, 139;
$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);
}