Nearest named color · #9579C2
#9579C2
Nearest named color: Viola
#9579C2 (rgb(149 121 194), hsl(263 37% 62%), oklch(0.631 0.111 300.9)) is closest to the named color Viola. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9579C2
oklch(0.631 0.111 300.9)
Color conversions
- HEX
- #9579c2
- RGB
- rgb(149 121 194)
- HSL
- hsl(263 37% 62%)
- HWB
- hwb(263 47% 24%)
- OKLCH
- oklch(0.631 0.111 300.9)
- OKLab
- oklab(0.631 0.057 -0.095)
- CIE Lab
- lab(55.75 22.57 -34.45)
- LCH
- lch(55.75 41.18 303.2)
- CMYK
- cmyk(23% 38% 0% 24%)
Tints · Shades · Tones
Tints
- 9F86C9
- A993CF
- B3A0D5
- BEAEDC
- C8BBE2
- D3C8E8
- DED6EE
- E9E4F4
- F4F1F9
Shades
- 8168A8
- 6D588F
- 5A4877
- 483960
- 372B49
- 261D34
- 161020
- 08050E
- 010102
Tones
- 937ABC
- 917BB5
- 8E7CAF
- 8C7DA8
- 8A7DA1
- 887E9B
- 867F94
- 847F8E
- 828087
Color harmonies
Complementary +180°
- 9579C2
Viola
- 809441
≈ Pepper Sprout
Analogous -30° +30°
- 9579C2
Viola
- 7185CD
≈ Violets Are Blue
- B070A8
≈ Berry Burst
Triadic +120° +240°
- 9579C2
Viola
- BA793D
≈ Crispy Gingersnap
- 139F8D
≈ Turquish
Split-complementary +150° +210°
- 9579C2
Viola
- A3862D
≈ Green Sulphur
- 529C66
≈ Solitary Tree
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.62:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.79:1 · APCA Lc 38
Best text color: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--viola: #9579c2;
--viola-rgb: 149 121 194;
--viola-oklch: oklch(0.631 0.111 300.9);
}
.element {
color: var(--viola);
background-color: hsl(263 37% 62%);
border-color: oklch(0.631 0.111 300.9);
}Tailwind CSS v4
@theme {
--color-viola: #9579c2;
--color-viola-50: #fbeeff;
--color-viola-100: #efe0ff;
--color-viola-200: #ddc9fc;
--color-viola-300: #c3aae7;
--color-viola-400: #a98fd6;
--color-viola-500: #9373c4;
--color-viola-600: #7c62a5;
--color-viola-700: #634e85;
--color-viola-800: #483963;
--color-viola-900: #322746;
--color-viola-950: #1e152d;
}SCSS
$viola: #9579c2;
$viola-rgb: 149, 121, 194;
$viola-light: mix(#fff, $viola, 20%);
$viola-dark: mix(#000, $viola, 20%);
.element {
color: $viola;
box-shadow: 0 0 0 2px rgba($viola, 0.35);
}