Nearest named color · #9F7AEA
#9F7AEA
Nearest named color: Matt Purple
#9F7AEA (rgb(159 122 234), hsl(260 73% 70%), oklch(0.664 0.163 297)) is closest to the named color Matt Purple. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9F7AEA
oklch(0.664 0.163 297)
Color conversions
- HEX
- #9f7aea
- RGB
- rgb(159 122 234)
- HSL
- hsl(260 73% 70%)
- HWB
- hwb(260 48% 8%)
- OKLCH
- oklch(0.664 0.163 297)
- OKLab
- oklab(0.664 0.074 -0.146)
- CIE Lab
- lab(58.65 32.79 -52.26)
- LCH
- lch(58.65 61.69 302.1)
- CMYK
- cmyk(32% 48% 0% 8%)
Tints · Shades · Tones
Tints
- A888ED
- B195F0
- BAA3F3
- C3B0F5
- CDBDF7
- D7CAF9
- E1D8FB
- EBE5FD
- F5F2FE
Shades
- 8A69CB
- 7559AE
- 614991
- 4D3A75
- 3B2B5A
- 291D41
- 181029
- 090513
- 010103
Tones
- 9C7CE0
- 987DD5
- 957ECB
- 927FC0
- 8F7FB6
- 8C80AB
- 8980A0
- 868096
- 83808B
Color harmonies
Complementary +180°
- 9F7AEA
Matt Purple
- 8E9E00
≈ Noxious
Analogous -30° +30°
- 9F7AEA
Matt Purple
- 668CF7
≈ Punch Out Glove
- C66BC7
≈ Purple Urn Orchid
Triadic +120° +240°
- 9F7AEA
Matt Purple
- DA7500
≈ Orange Outburst
- 00AB92
≈ Shindig
Split-complementary +150° +210°
- 9F7AEA
Matt Purple
- B78C00
≈ Loden Yellow
- 3EAD53
≈ Devil’s Grass
Tetradic +90° +180° +270°
- 9F7AEA
Matt Purple
- E6645A
≈ Emberglow
- 8E9E00
≈ Noxious
- 00A6B6
≈ Exotic Sea
Contrast & accessibility
Ag
FailOn white
WCAG 3.25:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.44:1 · APCA Lc 42
Best text color: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--matt-purple: #9f7aea;
--matt-purple-rgb: 159 122 234;
--matt-purple-oklch: oklch(0.664 0.163 297);
}
.element {
color: var(--matt-purple);
background-color: hsl(260 73% 70%);
border-color: oklch(0.664 0.163 297);
}Tailwind CSS v4
@theme {
--color-matt-purple: #9f7aea;
--color-matt-purple-50: #fbecff;
--color-matt-purple-100: #efddff;
--color-matt-purple-200: #ddc5ff;
--color-matt-purple-300: #c3a4ff;
--color-matt-purple-400: #a987f2;
--color-matt-purple-500: #9369e3;
--color-matt-purple-600: #7d59c0;
--color-matt-purple-700: #64479a;
--color-matt-purple-800: #473474;
--color-matt-purple-900: #312352;
--color-matt-purple-950: #1e1237;
}SCSS
$matt-purple: #9f7aea;
$matt-purple-rgb: 159, 122, 234;
$matt-purple-light: mix(#fff, $matt-purple, 20%);
$matt-purple-dark: mix(#000, $matt-purple, 20%);
.element {
color: $matt-purple;
box-shadow: 0 0 0 2px rgba($matt-purple, 0.35);
}