Cor nomeada mais próxima · #9D4DA2
#9D4DA2
Cor nomeada mais próxima: Vicious Violet
#9D4DA2 (rgb(157 77 162), hsl(296 36% 47%), oklch(0.551 0.153 325.1)) é 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.
#9D4DA2
oklch(0.551 0.153 325.1)
Conversões de cor
- HEX
- #9d4da2
- RGB
- rgb(157 77 162)
- HSL
- hsl(296 36% 47%)
- HWB
- hwb(296 30% 36%)
- OKLCH
- oklch(0.551 0.153 325.1)
- OKLab
- oklab(0.551 0.125 -0.087)
- CIE Lab
- lab(45.65 43.13 -31.51)
- LCH
- lch(45.65 53.41 323.8)
- CMYK
- cmyk(3% 52% 0% 36%)
Tons claros · Sombras · Tons
Tons claros
- A75FAC
- B271B5
- BC83BE
- C694C8
- D0A6D1
- D9B7DA
- E3C9E4
- ECDBED
- F6EDF6
Sombras
- 88428C
- 733777
- 5F2C63
- 4C224F
- 3A183C
- 280F2A
- 180719
- 09020A
- 010001
Tons
- 9B539F
- 98599C
- 965F99
- 936495
- 906992
- 8D6E8F
- 8A738B
- 877787
- 847C84
Harmonias de cor
Complementar +180°
- 9D4DA2
Vicious Violet
- 258832
≈ Temperamental Green
Análoga -30° +30°
- 9D4DA2
Vicious Violet
- 7A5BC0
≈ Fuchsia Blue
- B34476
≈ Valentino
Tríade +120° +240°
- 9D4DA2
Vicious Violet
- 906C00
≈ Honey Yellow Green
- 00818C
≈ Briny
Complementar dividida +150° +210°
- 9D4DA2
Vicious Violet
- 707A00
≈ Topiary Garden
- 00856F
≈ Viridis
Tétrade +90° +180° +270°
- 9D4DA2
Vicious Violet
- AC5800
≈ Tijolo
- 258832
≈ Temperamental Green
- 007BAC
≈ Jacuzzi
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--vicious-violet: #9d4da2;
--vicious-violet-rgb: 157 77 162;
--vicious-violet-oklch: oklch(0.551 0.153 325.1);
}
.element {
color: var(--vicious-violet);
background-color: hsl(296 36% 47%);
border-color: oklch(0.551 0.153 325.1);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #9d4da2;
--color-vicious-violet-50: #ffe7ff;
--color-vicious-violet-100: #ffd7ff;
--color-vicious-violet-200: #f8bef6;
--color-vicious-violet-300: #e19be0;
--color-vicious-violet-400: #cb7ccf;
--color-vicious-violet-500: #b75dbd;
--color-vicious-violet-600: #9b4f9f;
--color-vicious-violet-700: #7c3f80;
--color-vicious-violet-800: #5b2d60;
--color-vicious-violet-900: #401f44;
--color-vicious-violet-950: #280e2c;
}SCSS
$vicious-violet: #9d4da2;
$vicious-violet-rgb: 157, 77, 162;
$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);
}