Benoemde kleur · #9400D3
Violet Ink
Violet Ink is #9400D3: rgb(148 0 211), hsl(282 100% 41%), oklch(0.515 0.261 309.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Violet Ink color name →
#9400D3
oklch(0.515 0.261 309.8)
Kleurconversies
- HEX
- #9400d3
- RGB
- rgb(148 0 211)
- HSL
- hsl(282 100% 41%)
- HWB
- hwb(282 0% 17%)
- OKLCH
- oklch(0.515 0.261 309.8)
- OKLab
- oklab(0.515 0.167 -0.2)
- CIE Lab
- lab(38.79 70.43 -71.24)
- LCH
- lch(38.79 100.18 314.7)
- CMYK
- cmyk(30% 100% 0% 17%)
Tinten · Schaduwen · Tonen
Tinten
- 9F38D9
- A955DF
- B46DE4
- BF83E9
- C998EE
- D4ADF2
- DFC2F6
- EAD6FA
- F4EBFD
Schaduwen
- 8000B7
- 6D009C
- 5A0082
- 480069
- 360051
- 26003A
- 160024
- 080010
- 010002
Tonen
- 9228CC
- 903AC4
- 8F47BC
- 8D52B4
- 8B5BAC
- 8964A4
- 876C9C
- 857393
- 827A8A
Kleurharmonieën
Complementair +180°
- 9400D3
Violet Ink
- 4C7600
≈ Tropicana
Analoog -30° +30°
- 9400D3
Violet Ink
- 5838F6
≈ Meteor Shower
- B2008F
≈ Blissful Berry
Triadisch +120° +240°
- 9400D3
Violet Ink
- 905A00
≈ Rat Brown
- 007773
≈ Mermaid Harbour
Gesplitst complementair +150° +210°
- 9400D3
Violet Ink
- 766800
≈ Arousing Alligator
- 007B4F
≈ Salem
Tetradisch +90° +180° +270°
- 9400D3
Violet Ink
- B03B00
≈ Azshara Vein
- 4C7600
≈ Tropicana
- 00738C
≈ Align
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.56:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.19:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.56:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--violet-ink: #9400d3;
--violet-ink-rgb: 148 0 211;
--violet-ink-oklch: oklch(0.515 0.261 309.8);
}
.element {
color: var(--violet-ink);
background-color: hsl(282 100% 41%);
border-color: oklch(0.515 0.261 309.8);
}Tailwind CSS v4
@theme {
--color-violet-ink: #9400d3;
--color-violet-ink-50: #ffe0ff;
--color-violet-ink-100: #ffcfff;
--color-violet-ink-200: #f9b2ff;
--color-violet-ink-300: #e38aff;
--color-violet-ink-400: #cd63ff;
--color-violet-ink-500: #ba2dff;
--color-violet-ink-600: #9d2ada;
--color-violet-ink-700: #7e22af;
--color-violet-ink-800: #5b1885;
--color-violet-ink-900: #40105e;
--color-violet-ink-950: #290141;
}SCSS
$violet-ink: #9400d3;
$violet-ink-rgb: 148, 0, 211;
$violet-ink-light: mix(#fff, $violet-ink, 20%);
$violet-ink-dark: mix(#000, $violet-ink, 20%);
.element {
color: $violet-ink;
box-shadow: 0 0 0 2px rgba($violet-ink, 0.35);
}