Nearest named color · #938EFA
#938EFA
Nearest named color: Perrywinkle
#938EFA (rgb(147 142 250), hsl(243 92% 77%), oklch(0.698 0.155 283.7)) is closest to the named color Perrywinkle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#938EFA
oklch(0.698 0.155 283.7)
Color conversions
- HEX
- #938efa
- RGB
- rgb(147 142 250)
- HSL
- hsl(243 92% 77%)
- HWB
- hwb(243 56% 2%)
- OKLCH
- oklch(0.698 0.155 283.7)
- OKLab
- oklab(0.698 0.037 -0.151)
- CIE Lab
- lab(63.08 21.89 -54.16)
- LCH
- lch(63.08 58.42 292)
- CMYK
- cmyk(41% 43% 0% 2%)
Tints · Shades · Tones
Tints
- 9D9AFB
- A7A5FD
- B1B1FE
- BCBCFF
- C6C7FF
- D1D3FF
- DCDEFF
- E8E9FF
- F3F4FF
Shades
- 7F7BD9
- 6C68BA
- 59569B
- 47447D
- 363461
- 252446
- 16152D
- 080715
- 010103
Tones
- 918DEE
- 8F8CE2
- 8C8BD5
- 8A8AC9
- 8889BD
- 8787B1
- 8586A5
- 838499
- 82828C
Color harmonies
Complementary +180°
- 938EFA
Perrywinkle
- AEA100
≈ Venom
Analogous -30° +30°
- 938EFA
Perrywinkle
- 51A0FB
≈ Feather Star
- C07EE1
≈ Lavender Blossom
Triadic +120° +240°
- 938EFA
Perrywinkle
- EB7946
≈ Ouni Red
- 00BA84
≈ Slime Girl
Split-complementary +150° +210°
- 938EFA
Perrywinkle
- D48D00
≈ End of Summer
- 74B245
≈ Sparkling Apple
Tetradic +90° +180° +270°
- 938EFA
Perrywinkle
- EE7081
≈ Strawberry Pink
- AEA100
≈ Venom
- 00B5B3
≈ Swagger
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--perrywinkle: #938efa;
--perrywinkle-rgb: 147 142 250;
--perrywinkle-oklch: oklch(0.698 0.155 283.7);
}
.element {
color: var(--perrywinkle);
background-color: hsl(243 92% 77%);
border-color: oklch(0.698 0.155 283.7);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #938efa;
--color-perrywinkle-50: #f0f0ff;
--color-perrywinkle-100: #e2e1ff;
--color-perrywinkle-200: #cecbff;
--color-perrywinkle-300: #b0abff;
--color-perrywinkle-400: #9490f6;
--color-perrywinkle-500: #7c73e8;
--color-perrywinkle-600: #6962c3;
--color-perrywinkle-700: #544e9d;
--color-perrywinkle-800: #3b3976;
--color-perrywinkle-900: #282753;
--color-perrywinkle-950: #171538;
}SCSS
$perrywinkle: #938efa;
$perrywinkle-rgb: 147, 142, 250;
$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);
}