Dichtstbijzijnde benoemde kleur · #9293EC
#9293EC
Dichtstbijzijnde benoemde kleur: Perrywinkle
#9293EC (rgb(146 147 236), hsl(239 70% 75%), oklch(0.699 0.129 282)) komt het dichtst bij de benoemde kleur Perrywinkle. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9293EC
oklch(0.699 0.129 282)
Kleurconversies
- HEX
- #9293ec
- RGB
- rgb(146 147 236)
- HSL
- hsl(239 70% 75%)
- HWB
- hwb(239 57% 7%)
- OKLCH
- oklch(0.699 0.129 282)
- OKLab
- oklab(0.699 0.027 -0.126)
- CIE Lab
- lab(63.67 15.87 -45.56)
- LCH
- lch(63.67 48.25 289.2)
- CMYK
- cmyk(38% 38% 0% 7%)
Tinten · Schaduwen · Tonen
Tinten
- 9C9EEF
- A6A9F1
- B1B4F3
- BBBEF6
- C6C9F8
- D1D4F9
- DCDFFB
- E8E9FD
- F3F4FE
Schaduwen
- 7E7FCD
- 6B6CAF
- 585992
- 464776
- 35365B
- 252542
- 161629
- 080813
- 010103
Tonen
- 9092E1
- 8E90D6
- 8C8ECC
- 8A8CC1
- 888BB6
- 8789AB
- 8587A1
- 838596
- 82828B
Kleurharmonieën
Complementair +180°
- 9293EC
Perrywinkle
- AEA030
≈ Martian
Analoog -30° +30°
- 9293EC
Perrywinkle
- 5EA2EC
≈ Feather Star
- B985D8
≈ Lavender Blossom
Triadisch +120° +240°
- 9293EC
Perrywinkle
- E1815B
≈ Sohi Orange
- 40B785
≈ Ming Green
Gesplitst complementair +150° +210°
- 9293EC
Perrywinkle
- CF9034
≈ Fuel Yellow
- 80AF56
≈ Lost Golfer
Tetradisch +90° +180° +270°
- 9293EC
Perrywinkle
- E27A89
≈ Hot Gossip
- AEA030
≈ Martian
- 00B5B1
≈ Swagger
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.76:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.60:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--perrywinkle: #9293ec;
--perrywinkle-rgb: 146 147 236;
--perrywinkle-oklch: oklch(0.699 0.129 282);
}
.element {
color: var(--perrywinkle);
background-color: hsl(239 70% 75%);
border-color: oklch(0.699 0.129 282);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9293ec;
--color-perrywinkle-50: #f0f1ff;
--color-perrywinkle-100: #e2e3ff;
--color-perrywinkle-200: #cdcdff;
--color-perrywinkle-300: #afaff8;
--color-perrywinkle-400: #9394e9;
--color-perrywinkle-500: #7a79d9;
--color-perrywinkle-600: #6766b7;
--color-perrywinkle-700: #525293;
--color-perrywinkle-800: #3a3c6e;
--color-perrywinkle-900: #28294d;
--color-perrywinkle-950: #161733;
}SCSS
$perrywinkle: #9293ec;
$perrywinkle-rgb: 146, 147, 236;
$perrywinkle-light: mix(#fff, $perrywinkle, 20%);
$perrywinkle-dark: mix(#000, $perrywinkle, 20%);
.element {
color: $perrywinkle;
box-shadow: 0 0 0 2px rgba($perrywinkle, 0.35);
}