Nearest named color · #978DFB
#978DFB
Nearest named color: Perrywinkle
#978DFB (rgb(151 141 251), hsl(245 93% 77%), oklch(0.7 0.158 285.7)) is closest to the named color Perrywinkle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#978DFB
oklch(0.7 0.158 285.7)
Color conversions
- HEX
- #978dfb
- RGB
- rgb(151 141 251)
- HSL
- hsl(245 93% 77%)
- HWB
- hwb(245 55% 2%)
- OKLCH
- oklch(0.7 0.158 285.7)
- OKLab
- oklab(0.7 0.043 -0.152)
- CIE Lab
- lab(63.2 23.76 -54.48)
- LCH
- lch(63.2 59.44 293.6)
- CMYK
- cmyk(40% 44% 0% 2%)
Tints · Shades · Tones
Tints
- A099FC
- AAA5FE
- B4B0FF
- BEBCFF
- C8C7FF
- D3D2FF
- DEDDFF
- E9E9FF
- F4F4FF
Shades
- 837ADA
- 6F67BA
- 5C559C
- 49447E
- 373361
- 262346
- 17142D
- 080715
- 010103
Tones
- 948CEF
- 928CE2
- 8F8BD6
- 8D8ACA
- 8A88BE
- 8887B1
- 8685A5
- 848499
- 82828C
Color harmonies
Complementary +180°
- 978DFB
Perrywinkle
- ACA300
≈ Jīn Sè Gold
Analogous -30° +30°
- 978DFB
Perrywinkle
- 569FFE
≈ Blue Chaos
- C47DE0
≈ Lavender Perceptions
Triadic +120° +240°
- 978DFB
Perrywinkle
- EC7A40
≈ Salsa Sizzle
- 00BA89
≈ Slime Girl
Split-complementary +150° +210°
- 978DFB
Perrywinkle
- D28F00
≈ End of Summer
- 6FB448
≈ Pure Apple
Tetradic +90° +180° +270°
- 978DFB
Perrywinkle
- F0707D
≈ Strawberry Pink
- ACA300
≈ Jīn Sè Gold
- 00B5B6
≈ Cyan Sky
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.51:1 · APCA Lc 48
Best text color: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--perrywinkle: #978dfb;
--perrywinkle-rgb: 151 141 251;
--perrywinkle-oklch: oklch(0.7 0.158 285.7);
}
.element {
color: var(--perrywinkle);
background-color: hsl(245 93% 77%);
border-color: oklch(0.7 0.158 285.7);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #978dfb;
--color-perrywinkle-50: #f2efff;
--color-perrywinkle-100: #e4e0ff;
--color-perrywinkle-200: #d0caff;
--color-perrywinkle-300: #b3aaff;
--color-perrywinkle-400: #978ef7;
--color-perrywinkle-500: #8071e8;
--color-perrywinkle-600: #6c60c4;
--color-perrywinkle-700: #564d9d;
--color-perrywinkle-800: #3d3876;
--color-perrywinkle-900: #2a2753;
--color-perrywinkle-950: #181438;
}SCSS
$perrywinkle: #978dfb;
$perrywinkle-rgb: 151, 141, 251;
$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);
}