Cor nomeada mais próxima · #845BA1
#845BA1
Cor nomeada mais próxima: Vicious Violet
#845BA1 (rgb(132 91 161), hsl(275 28% 49%), oklch(0.543 0.114 310)) é mais próxima da cor nomeada Vicious Violet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#845BA1
oklch(0.543 0.114 310)
Conversões de cor
- HEX
- #845ba1
- RGB
- rgb(132 91 161)
- HSL
- hsl(275 28% 49%)
- HWB
- hwb(275 36% 37%)
- OKLCH
- oklch(0.543 0.114 310)
- OKLab
- oklab(0.543 0.074 -0.088)
- CIE Lab
- lab(45.35 27.47 -31.68)
- LCH
- lch(45.35 41.93 310.9)
- CMYK
- cmyk(18% 43% 0% 37%)
Tons claros · Sombras · Tons
Tons claros
- 906BAB
- 9C7BB4
- A88BBE
- B49BC7
- C0ABD1
- CCBCDA
- D9CCE3
- E5DDED
- F2EEF6
Sombras
- 724E8B
- 604176
- 4F3562
- 3F294E
- 2F1E3C
- 20132A
- 120919
- 060309
- 010001
Tons
- 845F9E
- 83639B
- 836798
- 836B95
- 826F91
- 82728E
- 81768B
- 817987
- 807D84
Harmonias de cor
Complementar +180°
- 845BA1
Vicious Violet
- 597C2E
≈ Master Chief
Análoga -30° +30°
- 845BA1
Vicious Violet
- 6366B1
≈ Bellflower
- 9B5384
≈ Feminism
Tríade +120° +240°
- 845BA1
Vicious Violet
- 99620A
≈ Raw Sienna
- 00817C
≈ Blue Winged Teal
Complementar dividida +150° +210°
- 845BA1
Vicious Violet
- 7F7000
≈ Sunlit Kelp Green
- 1A8358
≈ Kākāriki Green
Tétrade +90° +180° +270°
- 845BA1
Vicious Violet
- A65639
≈ Hyacinth Red
- 597C2E
≈ Master Chief
- 007C97
≈ Mosaic Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.99:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--vicious-violet: #845ba1;
--vicious-violet-rgb: 132 91 161;
--vicious-violet-oklch: oklch(0.543 0.114 310);
}
.element {
color: var(--vicious-violet);
background-color: hsl(275 28% 49%);
border-color: oklch(0.543 0.114 310);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #845ba1;
--color-vicious-violet-50: #ffecff;
--color-vicious-violet-100: #f5deff;
--color-vicious-violet-200: #e5c7f8;
--color-vicious-violet-300: #cba7e2;
--color-vicious-violet-400: #b38bd1;
--color-vicious-violet-500: #9d6fbe;
--color-vicious-violet-600: #855ea1;
--color-vicious-violet-700: #6b4b81;
--color-vicious-violet-800: #4d3761;
--color-vicious-violet-900: #362544;
--color-vicious-violet-950: #21142c;
}SCSS
$vicious-violet: #845ba1;
$vicious-violet-rgb: 132, 91, 161;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}