Nearest named color · #A589F5
#A589F5
Nearest named color: Periwinkle
#A589F5 (rgb(165 137 245), hsl(256 84% 75%), oklch(0.701 0.155 293.9)) is closest to the named color Periwinkle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A589F5
oklch(0.701 0.155 293.9)
Color conversions
- HEX
- #a589f5
- RGB
- rgb(165 137 245)
- HSL
- hsl(256 84% 75%)
- HWB
- hwb(256 54% 4%)
- OKLCH
- oklch(0.701 0.155 293.9)
- OKLab
- oklab(0.701 0.063 -0.142)
- CIE Lab
- lab(63.21 28.67 -51.09)
- LCH
- lch(63.21 58.58 299.3)
- CMYK
- cmyk(33% 44% 0% 4%)
Tints · Shades · Tones
Tints
- AD95F7
- B6A1F9
- BEADFA
- C7B9FB
- D0C5FD
- D9D0FE
- E2DCFE
- ECE8FF
- F5F3FF
Shades
- 8F76D5
- 7964B6
- 655398
- 51427B
- 3D315F
- 2B2244
- 1A142B
- 0A0715
- 010103
Tones
- A189E9
- 9D88DE
- 9988D2
- 9587C6
- 9286BB
- 8E85AF
- 8A84A3
- 878398
- 83828C
Color harmonies
Complementary +180°
- A589F5
Periwinkle
- 9EA80A
≈ Jīn Sè Gold
Analogous -30° +30°
- A589F5
Periwinkle
- 6C9BFF
≈ Blue Chaos
- CD7AD5
≈ Purple Kush
Triadic +120° +240°
- A589F5
Periwinkle
- E7802F
≈ West Side
- 00B998
≈ Aoife’s Green
Split-complementary +150° +210°
- A589F5
Periwinkle
- C99500
≈ Retro Vibe
- 5BB75C
≈ Forest Maid
Tetradic +90° +180° +270°
- A589F5
Periwinkle
- F0736E
≈ Breeze of Chilli
- 9EA80A
≈ Jīn Sè Gold
- 00B4C1
≈ Lago Blue
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 {
--periwinkle: #a589f5;
--periwinkle-rgb: 165 137 245;
--periwinkle-oklch: oklch(0.701 0.155 293.9);
}
.element {
color: var(--periwinkle);
background-color: hsl(256 84% 75%);
border-color: oklch(0.701 0.155 293.9);
}Tailwind CSS v4
@theme {
--color-periwinkle: #a589f5;
--color-periwinkle-50: #f8edff;
--color-periwinkle-100: #ecdeff;
--color-periwinkle-200: #dac7ff;
--color-periwinkle-300: #bea6fe;
--color-periwinkle-400: #a48af0;
--color-periwinkle-500: #8e6de1;
--color-periwinkle-600: #785cbe;
--color-periwinkle-700: #604a99;
--color-periwinkle-800: #443673;
--color-periwinkle-900: #2f2551;
--color-periwinkle-950: #1c1336;
}SCSS
$periwinkle: #a589f5;
$periwinkle-rgb: 165, 137, 245;
$periwinkle-light: mix(#fff, $periwinkle, 20%);
$periwinkle-dark: mix(#000, $periwinkle, 20%);
.element {
color: $periwinkle;
box-shadow: 0 0 0 2px rgba($periwinkle, 0.35);
}