Nearest named color · #9293EC
#9293EC
Nearest named color: Perrywinkle
#9293EC (rgb(146 147 236), hsl(239 70% 75%), oklch(0.699 0.129 282)) is closest to the named color Perrywinkle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9293EC
oklch(0.699 0.129 282)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 9C9EEF
- A6A9F1
- B1B4F3
- BBBEF6
- C6C9F8
- D1D4F9
- DCDFFB
- E8E9FD
- F3F4FE
Shades
- 7E7FCD
- 6B6CAF
- 585992
- 464776
- 35365B
- 252542
- 161629
- 080813
- 010103
Tones
- 9092E1
- 8E90D6
- 8C8ECC
- 8A8CC1
- 888BB6
- 8789AB
- 8587A1
- 838596
- 82828B
Color harmonies
Complementary +180°
- 9293EC
Perrywinkle
- AEA030
≈ Martian
Analogous -30° +30°
- 9293EC
Perrywinkle
- 5EA2EC
≈ Feather Star
- B985D8
≈ Lavender Blossom
Triadic +120° +240°
- 9293EC
Perrywinkle
- E1815B
≈ Sohi Orange
- 40B785
≈ Ming Green
Split-complementary +150° +210°
- 9293EC
Perrywinkle
- CF9034
≈ Fuel Yellow
- 80AF56
≈ Lost Golfer
Tetradic +90° +180° +270°
- 9293EC
Perrywinkle
- E27A89
≈ Hot Gossip
- AEA030
≈ Martian
- 00B5B1
≈ Swagger
Contrast & accessibility
Ag
FailOn white
WCAG 2.76:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.60:1 · APCA Lc 49
Best text color: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
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);
}