Dichtstbijzijnde benoemde kleur · #962EF6
#962EF6
Dichtstbijzijnde benoemde kleur: Vivid Violet
#962EF6 (rgb(150 46 246), hsl(271 92% 57%), oklch(0.567 0.268 301.3)) komt het dichtst bij de benoemde kleur Vivid Violet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#962EF6
oklch(0.567 0.268 301.3)
Kleurconversies
- HEX
- #962ef6
- RGB
- rgb(150 46 246)
- HSL
- hsl(271 92% 57%)
- HWB
- hwb(271 18% 4%)
- OKLCH
- oklch(0.567 0.268 301.3)
- OKLab
- oklab(0.567 0.139 -0.229)
- CIE Lab
- lab(44.7 67.61 -81.46)
- LCH
- lch(44.7 105.86 309.7)
- CMYK
- cmyk(39% 81% 0% 4%)
Tinten · Schaduwen · Tonen
Tinten
- 9F4EF9
- A966FB
- B37CFD
- BD90FF
- C8A3FF
- D2B6FF
- DDC9FF
- E8DBFF
- F4EDFF
Schaduwen
- 8227D6
- 6E1FB7
- 5B1898
- 49127B
- 370B5F
- 260645
- 16022C
- 080115
- 010003
Tonen
- 933FEB
- 914CE0
- 8E56D4
- 8C5FC9
- 8A66BD
- 886CB2
- 8572A6
- 84779A
- 827C8D
Kleurharmonieën
Complementair +180°
- 962EF6
Vivid Violet
- 6B8200
≈ Verde Tropa
Analoog -30° +30°
- 962EF6
Vivid Violet
- 4A5DFF
≈ Shady Neon Blue
- C300B9
≈ Kinky Koala
Triadisch +120° +240°
- 962EF6
Vivid Violet
- AC6100
≈ Orange Brown
- 008A7A
≈ Emerald Enchantment
Gesplitst complementair +150° +210°
- 962EF6
Vivid Violet
- 907300
≈ Vermin Brown
- 008E45
≈ Grass Court
Tetradisch +90° +180° +270°
- 962EF6
Vivid Violet
- DA1F00
≈ Ares Red
- 6B8200
≈ Verde Tropa
- 008597
≈ Painted Sea
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--vivid-violet: #962ef6;
--vivid-violet-rgb: 150 46 246;
--vivid-violet-oklch: oklch(0.567 0.268 301.3);
}
.element {
color: var(--vivid-violet);
background-color: hsl(271 92% 57%);
border-color: oklch(0.567 0.268 301.3);
}Tailwind CSS v4
@theme {
--color-vivid-violet: #962ef6;
--color-vivid-violet-50: #ffe3ff;
--color-vivid-violet-100: #fad2ff;
--color-vivid-violet-200: #ecb6ff;
--color-vivid-violet-300: #d58eff;
--color-vivid-violet-400: #bd68ff;
--color-vivid-violet-500: #aa34ff;
--color-vivid-violet-600: #8f30ea;
--color-vivid-violet-700: #7327bc;
--color-vivid-violet-800: #521b8f;
--color-vivid-violet-900: #391265;
--color-vivid-violet-950: #240246;
}SCSS
$vivid-violet: #962ef6;
$vivid-violet-rgb: 150, 46, 246;
$vivid-violet-light: mix(#fff, $vivid-violet, 20%);
$vivid-violet-dark: mix(#000, $vivid-violet, 20%);
.element {
color: $vivid-violet;
box-shadow: 0 0 0 2px rgba($vivid-violet, 0.35);
}