Nearest named color · #935693
#935693
Nearest named color: Grape Candy
#935693 (rgb(147 86 147), hsl(300 26% 46%), oklch(0.545 0.116 327)) is closest to the named color Grape Candy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#935693
oklch(0.545 0.116 327)
Color conversions
- HEX
- #935693
- RGB
- rgb(147 86 147)
- HSL
- hsl(300 26% 46%)
- HWB
- hwb(300 34% 42%)
- OKLCH
- oklch(0.545 0.116 327)
- OKLab
- oklab(0.545 0.097 -0.063)
- CIE Lab
- lab(45.54 33.06 -22.9)
- LCH
- lch(45.54 40.22 325.3)
- CMYK
- cmyk(0% 41% 0% 42%)
Tints · Shades · Tones
Tints
- 9E669E
- A977A8
- B487B3
- BF98BE
- CAA9C9
- D4BAD3
- DFCBDE
- EADCE9
- F4EDF4
Shades
- 7F4A7F
- 6C3E6C
- 593259
- 472747
- 361C36
- 251225
- 160816
- 080208
- 010001
Tones
- 925B91
- 905F90
- 8E648E
- 8D688C
- 8B6C8A
- 897088
- 877486
- 857884
- 827C82
Color harmonies
Complementary +180°
- 935693
Grape Candy
- 3B8246
≈ Green Grass
Analogous -30° +30°
- 935693
Grape Candy
- 7860AB
≈ Genestealer Purple
- A45171
≈ China Rose
Triadic +120° +240°
- 935693
Grape Candy
- 8C6B00
≈ Muddy Brown
- 007F8C
≈ Metallic Seaweed
Split-complementary +150° +210°
- 935693
Grape Candy
- 6C7819
≈ Spinach Soup
- 00836F
≈ Viridis
Tetradic +90° +180° +270°
- 935693
Grape Candy
- A25C20
≈ Scarecrow Frown
- 3B8246
≈ Green Grass
- 0D79AB
≈ Sixties Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.25:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.99:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--grape-candy: #935693;
--grape-candy-rgb: 147 86 147;
--grape-candy-oklch: oklch(0.545 0.116 327);
}
.element {
color: var(--grape-candy);
background-color: hsl(300 26% 46%);
border-color: oklch(0.545 0.116 327);
}Tailwind CSS v4
@theme {
--color-grape-candy: #935693;
--color-grape-candy-50: #ffeaff;
--color-grape-candy-100: #ffdbfb;
--color-grape-candy-200: #f1c3ed;
--color-grape-candy-300: #d9a2d5;
--color-grape-candy-400: #c386c2;
--color-grape-candy-500: #ae69ae;
--color-grape-candy-600: #935993;
--color-grape-candy-700: #764776;
--color-grape-candy-800: #563358;
--color-grape-candy-900: #3c233e;
--color-grape-candy-950: #261227;
}SCSS
$grape-candy: #935693;
$grape-candy-rgb: 147, 86, 147;
$grape-candy-light: mix(#fff, $grape-candy, 20%);
$grape-candy-dark: mix(#000, $grape-candy, 20%);
.element {
color: $grape-candy;
box-shadow: 0 0 0 2px rgba($grape-candy, 0.35);
}