Nearest named color · #8F4B7C
#8F4B7C
Nearest named color: Grape Candy
#8F4B7C (rgb(143 75 124), hsl(317 31% 43%), oklch(0.512 0.111 338.7)) is closest to the named color Grape Candy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8F4B7C
oklch(0.512 0.111 338.7)
Color conversions
- HEX
- #8f4b7c
- RGB
- rgb(143 75 124)
- HSL
- hsl(317 31% 43%)
- HWB
- hwb(317 29% 44%)
- OKLCH
- oklch(0.512 0.111 338.7)
- OKLab
- oklab(0.512 0.104 -0.041)
- CIE Lab
- lab(41.81 34.29 -14.77)
- LCH
- lch(41.81 37.33 336.7)
- CMYK
- cmyk(0% 48% 13% 44%)
Tints · Shades · Tones
Tints
- 9B5C88
- A66E95
- B27FA2
- BD91AF
- C8A3BC
- D3B5C9
- DFC7D6
- E9D9E4
- F4ECF1
Shades
- 7C406B
- 69355A
- 572B4A
- 45213B
- 34172C
- 240E1E
- 150611
- 070205
- 010001
Tones
- 8E517D
- 8D577D
- 8C5C7D
- 8B627E
- 8A677E
- 886C7F
- 86717F
- 84767F
- 827B80
Color harmonies
Complementary +180°
- 8F4B7C
Grape Candy
- 15794E
≈ Salem
Analogous -30° +30°
- 8F4B7C
Grape Candy
- 795397
≈ Juneberry
- 9B485A
≈ Baked Bahama
Triadic +120° +240°
- 8F4B7C
Grape Candy
- 766700
≈ Arousing Alligator
- 00738A
≈ Glamour Green
Split-complementary +150° +210°
- 8F4B7C
Grape Candy
- 537225
≈ Loren Forest
- 007771
≈ Mermaid Harbour
Tetradic +90° +180° +270°
- 8F4B7C
Grape Candy
- 8F5901
≈ Grizzly
- 15794E
≈ Salem
- 2A6AA3
≈ Blues
Contrast & accessibility
Ag
AAOn white
WCAG 6.05:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.46:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--grape-candy: #8f4b7c;
--grape-candy-rgb: 143 75 124;
--grape-candy-oklch: oklch(0.512 0.111 338.7);
}
.element {
color: var(--grape-candy);
background-color: hsl(317 31% 43%);
border-color: oklch(0.512 0.111 338.7);
}Tailwind CSS v4
@theme {
--color-grape-candy: #8f4b7c;
--color-grape-candy-50: #ffe9ff;
--color-grape-candy-100: #ffdaf3;
--color-grape-candy-200: #f6c2e3;
--color-grape-candy-300: #dfa1c9;
--color-grape-candy-400: #ca84b5;
--color-grape-candy-500: #b5679f;
--color-grape-candy-600: #995886;
--color-grape-candy-700: #7b466c;
--color-grape-candy-800: #5a3251;
--color-grape-candy-900: #3f2238;
--color-grape-candy-950: #281123;
}SCSS
$grape-candy: #8f4b7c;
$grape-candy-rgb: 143, 75, 124;
$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);
}