Najbliższy nazwany kolor · #835394
#835394
Najbliższy nazwany kolor: Vicious Violet
#835394 (rgb(131 83 148), hsl(284 28% 45%), oklch(0.521 0.112 316.8)) jest najbliższy nazwanemu kolorowi Vicious Violet. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#835394
oklch(0.521 0.112 316.8)
Konwersje koloru
- HEX
- #835394
- RGB
- rgb(131 83 148)
- HSL
- hsl(284 28% 45%)
- HWB
- hwb(284 33% 42%)
- OKLCH
- oklch(0.521 0.112 316.8)
- OKLab
- oklab(0.521 0.082 -0.077)
- CIE Lab
- lab(42.83 29.31 -27.88)
- LCH
- lch(42.83 40.45 316.4)
- CMYK
- cmyk(11% 44% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8F649F
- 9B74A9
- A785B4
- B496BF
- C0A7CA
- CCB8D4
- D9C9DF
- E6DBEA
- F2EDF4
Odcienie ciemniejsze
- 714780
- 603B6D
- 4F305A
- 3F2548
- 2F1B36
- 201126
- 120816
- 060208
- 010001
Tony
- 835892
- 835D91
- 83628F
- 82668D
- 826B8B
- 826F89
- 817387
- 817885
- 817C82
Harmonie kolorów
Komplementarna +180°
- 835394
Vicious Violet
- 497833
≈ Luscious Lemongrass
Analogowa -30° +30°
- 835394
Vicious Violet
- 665EA6
≈ Giant Onion
- 974C76
≈ Sugar Plum
Triada +120° +240°
- 835394
Vicious Violet
- 8C5F00
≈ Rat Brown
- 00797B
≈ Blue Grass
Komplementarna rozszczepiona +150° +210°
- 835394
Vicious Violet
- 716D00
≈ Worn Olive
- 007C5C
≈ Sharp Green
Tetrada +90° +180° +270°
- 835394
Vicious Violet
- 9D522A
≈ Panela
- 497833
≈ Luscious Lemongrass
- 007496
≈ Enchanted Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.78:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.62:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.78:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--vicious-violet: #835394;
--vicious-violet-rgb: 131 83 148;
--vicious-violet-oklch: oklch(0.521 0.112 316.8);
}
.element {
color: var(--vicious-violet);
background-color: hsl(284 28% 45%);
border-color: oklch(0.521 0.112 316.8);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #835394;
--color-vicious-violet-50: #ffecff;
--color-vicious-violet-100: #f9ddff;
--color-vicious-violet-200: #e9c6f3;
--color-vicious-violet-300: #d0a5dc;
--color-vicious-violet-400: #b989cb;
--color-vicious-violet-500: #a46db7;
--color-vicious-violet-600: #8a5d9b;
--color-vicious-violet-700: #6f4a7c;
--color-vicious-violet-800: #51365d;
--color-vicious-violet-900: #382541;
--color-vicious-violet-950: #23132a;
}SCSS
$vicious-violet: #835394;
$vicious-violet-rgb: 131, 83, 148;
$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);
}