Cor nomeada mais próxima · #904689
#904689
Cor nomeada mais próxima: Prunella
#904689 (rgb(144 70 137), hsl(306 35% 42%), oklch(0.512 0.132 331)) é mais próxima da cor nomeada Prunella. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#904689
oklch(0.512 0.132 331)
Conversões de cor
- HEX
- #904689
- RGB
- rgb(144 70 137)
- HSL
- hsl(306 35% 42%)
- HWB
- hwb(306 27% 44%)
- OKLCH
- oklch(0.512 0.132 331)
- OKLab
- oklab(0.512 0.116 -0.064)
- CIE Lab
- lab(41.39 38.89 -23.3)
- LCH
- lch(41.39 45.34 329.1)
- CMYK
- cmyk(0% 51% 5% 44%)
Tons claros · Sombras · Tons
Tons claros
- 9C5895
- A76AA0
- B37DAC
- BE8FB8
- C9A1C3
- D4B3CF
- DFC6DB
- EAD9E7
- F4ECF3
Sombras
- 7D3C76
- 6A3264
- 572853
- 451E42
- 341531
- 240D22
- 150514
- 070207
- 010001
Tons
- 8F4D88
- 8E5388
- 8D5987
- 8C5F86
- 8A6585
- 886B84
- 877083
- 857682
- 827B81
Harmonias de cor
Complementar +180°
- 904689
Prunella
- 0F7B3C
≈ Jordan Jazz
Análoga -30° +30°
- 904689
Prunella
- 7451A6
≈ Royal Lavender
- A14062
≈ Gooseberry
Tríade +120° +240°
- 904689
Prunella
- 7D6300
≈ Ground Earth
- 007483
≈ Deep Current
Complementar dividida +150° +210°
- 904689
Prunella
- 5D7000
≈ Brownish Green
- 007769
≈ Teal Waters
Tétrade +90° +180° +270°
- 904689
Prunella
- 965300
≈ Mochaccino
- 0F7B3C
≈ Jordan Jazz
- 006DA4
≈ Bowen Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.13:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.42:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--prunella: #904689;
--prunella-rgb: 144 70 137;
--prunella-oklch: oklch(0.512 0.132 331);
}
.element {
color: var(--prunella);
background-color: hsl(306 35% 42%);
border-color: oklch(0.512 0.132 331);
}Tailwind CSS v4
@theme {
--color-prunella: #904689;
--color-prunella-50: #ffe8ff;
--color-prunella-100: #ffd8fb;
--color-prunella-200: #f7c0ed;
--color-prunella-300: #e09ed5;
--color-prunella-400: #cb80c2;
--color-prunella-500: #b762ae;
--color-prunella-600: #9a5393;
--color-prunella-700: #7c4276;
--color-prunella-800: #5b3059;
--color-prunella-900: #40203e;
--color-prunella-950: #281027;
}SCSS
$prunella: #904689;
$prunella-rgb: 144, 70, 137;
$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);
}