Nearest named color · #8084E4
#8084E4
Nearest named color: Perrywinkle
#8084E4 (rgb(128 132 228), hsl(238 65% 70%), oklch(0.653 0.142 279.9)) is closest to the named color Perrywinkle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8084E4
oklch(0.653 0.142 279.9)
Color conversions
- HEX
- #8084e4
- RGB
- rgb(128 132 228)
- HSL
- hsl(238 65% 70%)
- HWB
- hwb(238 50% 11%)
- OKLCH
- oklch(0.653 0.142 279.9)
- OKLab
- oklab(0.653 0.024 -0.139)
- CIE Lab
- lab(58.08 17.21 -50.04)
- LCH
- lch(58.08 52.92 289)
- CMYK
- cmyk(44% 42% 0% 11%)
Tints · Shades · Tones
Tints
- 8B91E8
- 979DEB
- A3A9EE
- B0B6F1
- BCC2F4
- C9CEF7
- D6DAF9
- E4E6FB
- F1F3FD
Shades
- 6E72C6
- 5D60A9
- 4D4F8D
- 3D3F72
- 2E2F58
- 1F203F
- 121228
- 060612
- 010103
Tones
- 8084DA
- 7F84D0
- 7F84C6
- 7F84BC
- 7F84B3
- 7F83A9
- 7F839F
- 7F8295
- 80818A
Color harmonies
Complementary +180°
- 8084E4
Perrywinkle
- A49100
≈ Romaine Green
Analogous -30° +30°
- 8084E4
Perrywinkle
- 4294E2
≈ Oregon Blue
- AA75D0
≈ Rich Lavender
Triadic +120° +240°
- 8084E4
Perrywinkle
- D76E49
≈ Field Poppy
- 1CAA71
≈ Garden Medley
Split-complementary +150° +210°
- 8084E4
Perrywinkle
- C67E00
≈ Bamboo Brown
- 73A03A
≈ Carol’s Purr
Tetradic +90° +180° +270°
- 8084E4
Perrywinkle
- D7677C
≈ Pinkish
- A49100
≈ Romaine Green
- 00A59F
≈ Jadestone
Contrast & accessibility
Ag
FailOn white
WCAG 3.31:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.33:1 · APCA Lc 41
Best text color: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--perrywinkle: #8084e4;
--perrywinkle-rgb: 128 132 228;
--perrywinkle-oklch: oklch(0.653 0.142 279.9);
}
.element {
color: var(--perrywinkle);
background-color: hsl(238 65% 70%);
border-color: oklch(0.653 0.142 279.9);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #8084e4;
--color-perrywinkle-50: #eef1ff;
--color-perrywinkle-100: #dfe3ff;
--color-perrywinkle-200: #cacdff;
--color-perrywinkle-300: #acaefe;
--color-perrywinkle-400: #8f94f0;
--color-perrywinkle-500: #7678e1;
--color-perrywinkle-600: #6466be;
--color-perrywinkle-700: #4f5198;
--color-perrywinkle-800: #383c72;
--color-perrywinkle-900: #262951;
--color-perrywinkle-950: #151636;
}SCSS
$perrywinkle: #8084e4;
$perrywinkle-rgb: 128, 132, 228;
$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);
}