Named color · #895C79
Argyle Purple
Argyle Purple is #895C79: rgb(137 92 121), hsl(321 20% 45%), oklch(0.533 0.071 340.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Argyle Purple color name →
#895C79
oklch(0.533 0.071 340.9)
Color conversions
- HEX
- #895c79
- RGB
- rgb(137 92 121)
- HSL
- hsl(321 20% 45%)
- HWB
- hwb(321 36% 46%)
- OKLCH
- oklch(0.533 0.071 340.9)
- OKLab
- oklab(0.533 0.067 -0.023)
- CIE Lab
- lab(44.8 22.45 -8.58)
- LCH
- lch(44.8 24.04 339.1)
- CMYK
- cmyk(0% 33% 12% 46%)
Tints · Shades · Tones
Tints
- 956B86
- A07B92
- AC8A9F
- B89AAD
- C4ABBA
- D0BBC7
- DBCCD5
- E7DDE3
- F3EEF1
Shades
- 764F68
- 644258
- 533648
- 422A39
- 311F2B
- 22141D
- 140A10
- 070305
- 010001
Tones
- 88607A
- 88637A
- 87677B
- 866B7C
- 866E7D
- 85727D
- 84757E
- 82797F
- 817D7F
Color harmonies
Complementary +180°
- 895C79
Argyle Purple
- 447A5F
≈ Liquid Green Stuff
Analogous -30° +30°
- 895C79
Argyle Purple
- 7A618B
≈ Super Violet
- 915B62
≈ Spiced Potpourri
Triadic +120° +240°
- 895C79
Argyle Purple
- 766E3B
≈ Garden Weed
- 37768A
≈ Clear Viridian
Split-complementary +150° +210°
- 895C79
Argyle Purple
- 5E7549
≈ Jolly Green
- 327A76
≈ Elm
Tetradic +90° +180° +270°
- 895C79
Argyle Purple
- 87653C
≈ Dirt Brown
- 447A5F
≈ Liquid Green Stuff
- 4D6F95
≈ Riverside
Contrast & accessibility
Ag
AAOn white
WCAG 5.42:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.87:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--argyle-purple: #895c79;
--argyle-purple-rgb: 137 92 121;
--argyle-purple-oklch: oklch(0.533 0.071 340.9);
}
.element {
color: var(--argyle-purple);
background-color: hsl(321 20% 45%);
border-color: oklch(0.533 0.071 340.9);
}Tailwind CSS v4
@theme {
--color-argyle-purple: #895c79;
--color-argyle-purple-50: #ffeefb;
--color-argyle-purple-100: #fadfee;
--color-argyle-purple-200: #ebc9dc;
--color-argyle-purple-300: #d2a9c1;
--color-argyle-purple-400: #bc8eab;
--color-argyle-purple-500: #a77394;
--color-argyle-purple-600: #8d627d;
--color-argyle-purple-700: #714e64;
--color-argyle-purple-800: #53394b;
--color-argyle-purple-900: #3a2734;
--color-argyle-purple-950: #24151f;
}SCSS
$argyle-purple: #895c79;
$argyle-purple-rgb: 137, 92, 121;
$argyle-purple-light: mix(#fff, $argyle-purple, 20%);
$argyle-purple-dark: mix(#000, $argyle-purple, 20%);
.element {
color: $argyle-purple;
box-shadow: 0 0 0 2px rgba($argyle-purple, 0.35);
}