Named color · #605C71
Luscious Purple
Luscious Purple is #605C71: rgb(96 92 113), hsl(251 10% 40%), oklch(0.486 0.034 293.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Luscious Purple color name →
#605C71
oklch(0.486 0.034 293.8)
Color conversions
- HEX
- #605c71
- RGB
- rgb(96 92 113)
- HSL
- hsl(251 10% 40%)
- HWB
- hwb(251 36% 56%)
- OKLCH
- oklch(0.486 0.034 293.8)
- OKLab
- oklab(0.486 0.014 -0.031)
- CIE Lab
- lab(40.04 5.16 -11.38)
- LCH
- lch(40.04 12.5 294.4)
- CMYK
- cmyk(15% 19% 0% 56%)
Tints · Shades · Tones
Tints
- 6F6B7E
- 7D7A8C
- 8D8A9A
- 9C9AA8
- ACAAB6
- BCBAC4
- CCCBD2
- DDDCE1
- EEEDF0
Shades
- 524F61
- 454252
- 383643
- 2C2A35
- 201F27
- 15141A
- 0A0A0E
- 030304
- 000001
Tones
- 636073
- 666374
- 696776
- 6D6A77
- 706E79
- 73717A
- 76757C
- 79797D
- 7D7C7F
Color harmonies
Complementary +180°
- 605C71
Luscious Purple
- 5F624C
≈ Old Botanical Garden
Analogous -30° +30°
- 605C71
Luscious Purple
- 566073
≈ Da Blues
- 69596A
≈ Patina Violet
Triadic +120° +240°
- 605C71
Luscious Purple
- 6F5B4E
≈ Coffee House
- 4C665E
≈ Grand Prix
Split-complementary +150° +210°
- 605C71
Luscious Purple
- 685E4A
≈ Pickled Capers
- 546553
≈ Lakeside Pine
Tetradic +90° +180° +270°
- 605C71
Luscious Purple
- 715856
≈ Taupe Night
- 5F624C
≈ Old Botanical Garden
- 496568
≈ Walk Me Home
Contrast & accessibility
Ag
AAOn white
WCAG 6.42:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.26:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--luscious-purple: #605c71;
--luscious-purple-rgb: 96 92 113;
--luscious-purple-oklch: oklch(0.486 0.034 293.8);
}
.element {
color: var(--luscious-purple);
background-color: hsl(251 10% 40%);
border-color: oklch(0.486 0.034 293.8);
}Tailwind CSS v4
@theme {
--color-luscious-purple: #605c71;
--color-luscious-purple-50: #f6f3fe;
--color-luscious-purple-100: #e8e6f2;
--color-luscious-purple-200: #d5d2e1;
--color-luscious-purple-300: #b8b4c7;
--color-luscious-purple-400: #9f9bb1;
--color-luscious-purple-500: #87829b;
--color-luscious-purple-600: #726e83;
--color-luscious-purple-700: #5b5869;
--color-luscious-purple-800: #42404d;
--color-luscious-purple-900: #2e2c36;
--color-luscious-purple-950: #1b1921;
}SCSS
$luscious-purple: #605c71;
$luscious-purple-rgb: 96, 92, 113;
$luscious-purple-light: mix(#fff, $luscious-purple, 20%);
$luscious-purple-dark: mix(#000, $luscious-purple, 20%);
.element {
color: $luscious-purple;
box-shadow: 0 0 0 2px rgba($luscious-purple, 0.35);
}