Nearest named color · #9A2FA3
#9A2FA3
Nearest named color: Purple Ink
#9A2FA3 (rgb(154 47 163), hsl(295 55% 41%), oklch(0.512 0.195 324.6)) is closest to the named color Purple Ink. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9A2FA3
oklch(0.512 0.195 324.6)
Color conversions
- HEX
- #9a2fa3
- RGB
- rgb(154 47 163)
- HSL
- hsl(295 55% 41%)
- HWB
- hwb(295 18% 36%)
- OKLCH
- oklch(0.512 0.195 324.6)
- OKLab
- oklab(0.512 0.159 -0.113)
- CIE Lab
- lab(40.32 55.28 -40.5)
- LCH
- lch(40.32 68.53 323.8)
- CMYK
- cmyk(6% 71% 0% 36%)
Tints · Shades · Tones
Tints
- A548AD
- B05EB6
- BB73C0
- C587C9
- CF9BD3
- D9AFDC
- E3C2E5
- EDD7EE
- F6EBF6
Shades
- 85278D
- 712078
- 5E1963
- 4B124F
- 390C3C
- 27062A
- 170319
- 09010A
- 010001
Tones
- 983BA0
- 96469D
- 944F9A
- 925796
- 905F93
- 8D6690
- 8A6D8C
- 877388
- 847A84
Color harmonies
Complementary +180°
- 9A2FA3
Purple Ink
- 007D1C
≈ Azure Radiance
Analogous -30° +30°
- 9A2FA3
Purple Ink
- 7244C8
≈ Purple Rain
- B31B6D
≈ Botticelli
Triadic +120° +240°
- 9A2FA3
Purple Ink
- 836100
≈ Ground Earth
- 00757E
≈ Night Scape
Split-complementary +150° +210°
- 9A2FA3
Purple Ink
- 666E00
≈ Brownish Green
- 007863
≈ Shady Glade
Tetradic +90° +180° +270°
- 9A2FA3
Purple Ink
- 9D4E00
≈ Burnt Bagel
- 007D1C
≈ Azure Radiance
- 006F9B
≈ Disarm
Contrast & accessibility
Ag
AAOn white
WCAG 6.34:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.30:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--purple-ink: #9a2fa3;
--purple-ink-rgb: 154 47 163;
--purple-ink-oklch: oklch(0.512 0.195 324.6);
}
.element {
color: var(--purple-ink);
background-color: hsl(295 55% 41%);
border-color: oklch(0.512 0.195 324.6);
}Tailwind CSS v4
@theme {
--color-purple-ink: #9a2fa3;
--color-purple-ink-50: #ffe2ff;
--color-purple-ink-100: #ffd2ff;
--color-purple-ink-200: #ffb7ff;
--color-purple-ink-300: #eb92ec;
--color-purple-ink-400: #d570dd;
--color-purple-ink-500: #c24acc;
--color-purple-ink-600: #a440ac;
--color-purple-ink-700: #84338a;
--color-purple-ink-800: #602569;
--color-purple-ink-900: #44194a;
--color-purple-ink-950: #2b0830;
}SCSS
$purple-ink: #9a2fa3;
$purple-ink-rgb: 154, 47, 163;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}