Dichtstbijzijnde benoemde kleur · #925299
#925299
Dichtstbijzijnde benoemde kleur: Vicious Violet
#925299 (rgb(146 82 153), hsl(294 30% 46%), oklch(0.54 0.128 323.5)) komt het dichtst bij de benoemde kleur Vicious Violet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#925299
oklch(0.54 0.128 323.5)
Kleurconversies
- HEX
- #925299
- RGB
- rgb(146 82 153)
- HSL
- hsl(294 30% 46%)
- HWB
- hwb(294 32% 40%)
- OKLCH
- oklch(0.54 0.128 323.5)
- OKLab
- oklab(0.54 0.103 -0.076)
- CIE Lab
- lab(44.77 35.72 -27.68)
- LCH
- lch(44.77 45.19 322.2)
- CMYK
- cmyk(5% 46% 0% 40%)
Tinten · Schaduwen · Tonen
Tinten
- 9D63A3
- A874AD
- B385B8
- BE96C2
- C9A7CC
- D4B8D6
- DFCAE0
- E9DBEB
- F4EDF5
Schaduwen
- 7E4684
- 6B3B70
- 582F5D
- 46254A
- 351A38
- 251127
- 160817
- 080208
- 010001
Tonen
- 915797
- 8F5C95
- 8E6192
- 8C6690
- 8A6B8D
- 886F8B
- 877488
- 847886
- 827C83
Kleurharmonieën
Complementair +180°
- 925299
Vicious Violet
- 398139
≈ Vine
Analoog -30° +30°
- 925299
Vicious Violet
- 735EB2
≈ Simply Purple
- A64B75
≈ Our Little Secret
Triadisch +120° +240°
- 925299
Vicious Violet
- 8D6800
≈ Muddy Brown
- 007E87
≈ Go Alpha
Gesplitst complementair +150° +210°
- 925299
Vicious Violet
- 6F7600
≈ Spinach Soup
- 00826A
≈ Emperor’s Silk
Tetradisch +90° +180° +270°
- 925299
Vicious Violet
- A75613
≈ Mahogany Finish
- 398139
≈ Vine
- 0078A5
≈ Summer Lake
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.39:1 · APCA Lc 77
Ag
FailOp zwart
WCAG 3.88:1 · APCA Lc 25
Beste tekstkleur: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--vicious-violet: #925299;
--vicious-violet-rgb: 146 82 153;
--vicious-violet-oklch: oklch(0.54 0.128 323.5);
}
.element {
color: var(--vicious-violet);
background-color: hsl(294 30% 46%);
border-color: oklch(0.54 0.128 323.5);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #925299;
--color-vicious-violet-50: #ffe9ff;
--color-vicious-violet-100: #ffdaff;
--color-vicious-violet-200: #f1c2f2;
--color-vicious-violet-300: #d9a1db;
--color-vicious-violet-400: #c383ca;
--color-vicious-violet-500: #ae66b6;
--color-vicious-violet-600: #93579a;
--color-vicious-violet-700: #76457c;
--color-vicious-violet-800: #56325d;
--color-vicious-violet-900: #3c2241;
--color-vicious-violet-950: #26112a;
}SCSS
$vicious-violet: #925299;
$vicious-violet-rgb: 146, 82, 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);
}