Nearest named color · #601C70
#601C70
Nearest named color: Elegant Purple Gown
#601C70 (rgb(96 28 112), hsl(289 60% 27%), oklch(0.374 0.146 319.2)) is closest to the named color Elegant Purple Gown. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#601C70
oklch(0.374 0.146 319.2)
Color conversions
- HEX
- #601c70
- RGB
- rgb(96 28 112)
- HSL
- hsl(289 60% 27%)
- HWB
- hwb(289 11% 56%)
- OKLCH
- oklch(0.374 0.146 319.2)
- OKLab
- oklab(0.374 0.11 -0.095)
- CIE Lab
- lab(25.01 40.1 -34.03)
- LCH
- lch(25.01 52.59 319.7)
- CMYK
- cmyk(14% 75% 0% 56%)
Tints · Shades · Tones
Tints
- 70357E
- 7F4B8D
- 8F619B
- 9F76A9
- AE8CB7
- BEA3C6
- CEB9D4
- DED0E2
- EFE7F1
Shades
- 521760
- 451251
- 380D43
- 2C0835
- 200527
- 15021A
- 0A010E
- 030004
- 000001
Tones
- 642972
- 673474
- 6B3F76
- 6E4878
- 72527A
- 755B7B
- 78657D
- 7B6E7E
- 7D777F
Color harmonies
Complementary +180°
- 601C70
Elegant Purple Gown
- 174F00
≈ Malachite Green
Analogous -30° +30°
- 601C70
Elegant Purple Gown
- 422B87
≈ Galactic Civilization
- 730D4C
≈ Lucky Wine
Triadic +120° +240°
- 601C70
Elegant Purple Gown
- 563B00
≈ Pineapple
- 004B4E
≈ Sherpa Blue
Split-complementary +150° +210°
- 601C70
Elegant Purple Gown
- 444400
≈ Green Not Found
- 004D3A
≈ Raspberry Leaf Green
Tetradic +90° +180° +270°
- 601C70
Elegant Purple Gown
- 692D00
≈ Cold Press Coffee
- 174F00
≈ Malachite Green
- 004860
≈ Stegadon Scale Green
Contrast & accessibility
Ag
AAAOn white
WCAG 11.06:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.89:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 11.06:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--elegant-purple-gown: #601c70;
--elegant-purple-gown-rgb: 96 28 112;
--elegant-purple-gown-oklch: oklch(0.374 0.146 319.2);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(289 60% 27%);
border-color: oklch(0.374 0.146 319.2);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #601c70;
--color-elegant-purple-gown-50: #ffe8ff;
--color-elegant-purple-gown-100: #ffd9ff;
--color-elegant-purple-gown-200: #f2c0fa;
--color-elegant-purple-gown-300: #da9ee5;
--color-elegant-purple-gown-400: #c381d4;
--color-elegant-purple-gown-500: #af62c2;
--color-elegant-purple-gown-600: #9453a4;
--color-elegant-purple-gown-700: #764284;
--color-elegant-purple-gown-800: #563063;
--color-elegant-purple-gown-900: #3c2146;
--color-elegant-purple-gown-950: #26102d;
}SCSS
$elegant-purple-gown: #601c70;
$elegant-purple-gown-rgb: 96, 28, 112;
$elegant-purple-gown-light: mix(#fff, $elegant-purple-gown, 20%);
$elegant-purple-gown-dark: mix(#000, $elegant-purple-gown, 20%);
.element {
color: $elegant-purple-gown;
box-shadow: 0 0 0 2px rgba($elegant-purple-gown, 0.35);
}