Dichtstbijzijnde benoemde kleur · #9A509D
#9A509D
Dichtstbijzijnde benoemde kleur: Vicious Violet
#9A509D (rgb(154 80 157), hsl(298 32% 46%), oklch(0.549 0.141 325.8)) 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.
#9A509D
oklch(0.549 0.141 325.8)
Kleurconversies
- HEX
- #9a509d
- RGB
- rgb(154 80 157)
- HSL
- hsl(298 32% 46%)
- HWB
- hwb(298 31% 38%)
- OKLCH
- oklch(0.549 0.141 325.8)
- OKLab
- oklab(0.549 0.117 -0.079)
- CIE Lab
- lab(45.61 39.97 -28.65)
- LCH
- lch(45.61 49.18 324.4)
- CMYK
- cmyk(2% 49% 0% 38%)
Tinten · Schaduwen · Tonen
Tinten
- A562A7
- AF73B1
- B984BB
- C495C4
- CEA7CE
- D8B8D8
- E2C9E2
- ECDBEC
- F5EDF5
Schaduwen
- 854488
- 713973
- 5E2E5F
- 4B244C
- 391A3A
- 271028
- 170718
- 090209
- 010001
Tonen
- 98569A
- 965B98
- 946095
- 916592
- 8F6A8F
- 8C6F8C
- 897389
- 867886
- 837C83
Kleurharmonieën
Complementair +180°
- 9A509D
Vicious Violet
- 2C863A
≈ Rich Green
Analoog -30° +30°
- 9A509D
Vicious Violet
- 7A5DB9
≈ Fuchsia Blue
- AE4874
≈ Our Little Secret
Triadisch +120° +240°
- 9A509D
Vicious Violet
- 8F6B00
≈ Sassy Olive
- 00818C
≈ Briny
Gesplitst complementair +150° +210°
- 9A509D
Vicious Violet
- 6F7900
≈ Murky Green
- 00846F
≈ Viridis
Tetradisch +90° +180° +270°
- 9A509D
Vicious Violet
- AB5800
≈ Tijolo
- 2C863A
≈ Rich Green
- 007AAC
≈ Benitoite
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.23:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--vicious-violet: #9a509d;
--vicious-violet-rgb: 154 80 157;
--vicious-violet-oklch: oklch(0.549 0.141 325.8);
}
.element {
color: var(--vicious-violet);
background-color: hsl(298 32% 46%);
border-color: oklch(0.549 0.141 325.8);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #9a509d;
--color-vicious-violet-50: #ffe8ff;
--color-vicious-violet-100: #ffd8ff;
--color-vicious-violet-200: #f6bff3;
--color-vicious-violet-300: #df9ddc;
--color-vicious-violet-400: #c97fcb;
--color-vicious-violet-500: #b461b8;
--color-vicious-violet-600: #98529b;
--color-vicious-violet-700: #7a427c;
--color-vicious-violet-800: #5a2f5e;
--color-vicious-violet-900: #3f2042;
--color-vicious-violet-950: #280f2a;
}SCSS
$vicious-violet: #9a509d;
$vicious-violet-rgb: 154, 80, 157;
$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);
}