Cor nomeada mais próxima · #875C99
#875C99
Cor nomeada mais próxima: Vicious Violet
#875C99 (rgb(135 92 153), hsl(282 25% 48%), oklch(0.544 0.104 315.5)) é 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.
#875C99
oklch(0.544 0.104 315.5)
Conversões de cor
- HEX
- #875c99
- RGB
- rgb(135 92 153)
- HSL
- hsl(282 25% 48%)
- HWB
- hwb(282 36% 40%)
- OKLCH
- oklch(0.544 0.104 315.5)
- OKLab
- oklab(0.544 0.074 -0.073)
- CIE Lab
- lab(45.63 26.56 -26.49)
- LCH
- lch(45.63 37.52 315.1)
- CMYK
- cmyk(12% 40% 0% 40%)
Tons claros · Sombras · Tons
Tons claros
- 936CA3
- 9E7BAD
- AA8BB8
- B69BC2
- C2ABCC
- CEBCD6
- DACCE0
- E6DDEB
- F3EEF5
Sombras
- 754F84
- 634270
- 51365D
- 412A4A
- 311F38
- 211427
- 130A17
- 060308
- 010001
Tons
- 866097
- 866494
- 856892
- 856B90
- 846F8D
- 83728B
- 837688
- 827986
- 817D83
Harmonias de cor
Complementar +180°
- 875C99
Vicious Violet
- 547D3D
≈ Hot Pepper Green
Análoga -30° +30°
- 875C99
Vicious Violet
- 6B66AA
≈ Blue Iris
- 9A557D
≈ Feminism
Tríade +120° +240°
- 875C99
Vicious Violet
- 93661B
≈ Cobre
- 008081
≈ Teal
Complementar dividida +150° +210°
- 875C99
Vicious Violet
- 79731D
≈ Wood Garlic
- 1E8361
≈ Shadows of Time
Tétrade +90° +180° +270°
- 875C99
Vicious Violet
- A15B39
≈ Ground Nutmeg
- 547D3D
≈ Hot Pepper Green
- 007C9D
≈ Turkish Tile
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.02:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--vicious-violet: #875c99;
--vicious-violet-rgb: 135 92 153;
--vicious-violet-oklch: oklch(0.544 0.104 315.5);
}
.element {
color: var(--vicious-violet);
background-color: hsl(282 25% 48%);
border-color: oklch(0.544 0.104 315.5);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #875c99;
--color-vicious-violet-50: #ffecff;
--color-vicious-violet-100: #f7deff;
--color-vicious-violet-200: #e7c7f2;
--color-vicious-violet-300: #cea7db;
--color-vicious-violet-400: #b68bc8;
--color-vicious-violet-500: #a070b5;
--color-vicious-violet-600: #885f99;
--color-vicious-violet-700: #6d4c7b;
--color-vicious-violet-800: #4f375c;
--color-vicious-violet-900: #372640;
--color-vicious-violet-950: #221429;
}SCSS
$vicious-violet: #875c99;
$vicious-violet-rgb: 135, 92, 153;
$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);
}