Nearest named color · #9C427B
#9C427B
Nearest named color: Grape Riot
#9C427B (rgb(156 66 123), hsl(322 41% 44%), oklch(0.517 0.138 344.1)) is closest to the named color Grape Riot. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9C427B
oklch(0.517 0.138 344.1)
Color conversions
- HEX
- #9c427b
- RGB
- rgb(156 66 123)
- HSL
- hsl(322 41% 44%)
- HWB
- hwb(322 26% 39%)
- OKLCH
- oklch(0.517 0.138 344.1)
- OKLab
- oklab(0.517 0.132 -0.038)
- CIE Lab
- lab(42 43.1 -13.63)
- LCH
- lch(42 45.21 342.5)
- CMYK
- cmyk(0% 58% 21% 39%)
Tints · Shades · Tones
Tints
- A75588
- B26894
- BD7AA1
- C78DAE
- D1A0BB
- DBB2C9
- E4C5D6
- EDD8E4
- F6ECF1
Shades
- 87386A
- 732F5A
- 5F254A
- 4C1C3A
- 39142C
- 280B1E
- 180510
- 090105
- 010001
Tones
- 9A4A7C
- 98517C
- 96577D
- 945E7D
- 91647E
- 8E6A7E
- 8B6F7F
- 88757F
- 847B80
Color harmonies
Complementary +180°
- 9C427B
Grape Riot
- 007B57
≈ Sharp Green
Analogous -30° +30°
- 9C427B
Grape Riot
- 844C9E
≈ Murasaki Purple
- A83F4F
≈ Floriography
Triadic +120° +240°
- 9C427B
Grape Riot
- 736A00
≈ Brown Green
- 007391
≈ Blue Fjord
Split-complementary +150° +210°
- 9C427B
Grape Riot
- 447815
≈ Tropicana
- 007777
≈ Prismarine
Tetradic +90° +180° +270°
- 9C427B
Grape Riot
- 8D5D00
≈ Rat Brown
- 007B57
≈ Sharp Green
- 2568B4
≈ Mid Blue
Contrast & accessibility
Ag
AAOn white
WCAG 6.03:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.47:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--grape-riot: #9c427b;
--grape-riot-rgb: 156 66 123;
--grape-riot-oklch: oklch(0.517 0.138 344.1);
}
.element {
color: var(--grape-riot);
background-color: hsl(322 41% 44%);
border-color: oklch(0.517 0.138 344.1);
}Tailwind CSS v4
@theme {
--color-grape-riot: #9c427b;
--color-grape-riot-50: #ffe6fd;
--color-grape-riot-100: #ffd6f2;
--color-grape-riot-200: #ffbde1;
--color-grape-riot-300: #eb9ac6;
--color-grape-riot-400: #d67bb2;
--color-grape-riot-500: #c35c9c;
--color-grape-riot-600: #a54e84;
--color-grape-riot-700: #843f6a;
--color-grape-riot-800: #612d4f;
--color-grape-riot-900: #441e37;
--color-grape-riot-950: #2c0e22;
}SCSS
$grape-riot: #9c427b;
$grape-riot-rgb: 156, 66, 123;
$grape-riot-light: mix(#fff, $grape-riot, 20%);
$grape-riot-dark: mix(#000, $grape-riot, 20%);
.element {
color: $grape-riot;
box-shadow: 0 0 0 2px rgba($grape-riot, 0.35);
}