Nearest named color · #6F3ABF
#6F3ABF
Nearest named color: Purple Emperor
#6F3ABF (rgb(111 58 191), hsl(264 53% 49%), oklch(0.489 0.196 296.7)) is closest to the named color Purple Emperor. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6F3ABF
oklch(0.489 0.196 296.7)
Color conversions
- HEX
- #6f3abf
- RGB
- rgb(111 58 191)
- HSL
- hsl(264 53% 49%)
- HWB
- hwb(264 23% 25%)
- OKLCH
- oklch(0.489 0.196 296.7)
- OKLab
- oklab(0.489 0.088 -0.175)
- CIE Lab
- lab(37.35 44.88 -62.24)
- LCH
- lch(37.35 76.74 305.8)
- CMYK
- cmyk(42% 70% 0% 25%)
Tints · Shades · Tones
Tints
- 7B51C7
- 8865CE
- 9679D6
- A48CDD
- B29FE3
- C1B2E9
- D0C5EF
- DFD8F5
- EFECFA
Shades
- 6031A6
- 51288D
- 422075
- 34185E
- 271048
- 1A0933
- 0E041F
- 04010D
- 010002
Tones
- 7044BA
- 714DB4
- 7355AE
- 745CA8
- 7663A2
- 78699C
- 7A6F95
- 7C758F
- 7E7B87
Color harmonies
Complementary +180°
- 6F3ABF
Purple Emperor
- 5D6800
≈ Mud Green
Analogous -30° +30°
- 6F3ABF
Purple Emperor
- 2E51CD
≈ New Car
- 952499
≈ Acai Juice
Triadic +120° +240°
- 6F3ABF
Purple Emperor
- 914B00
≈ Parasite Brown
- 00715F
≈ Falcon Turquoise
Split-complementary +150° +210°
- 6F3ABF
Purple Emperor
- 795B00
≈ Blackfire Earth
- 007526
≈ Green Glutton
Tetradic +90° +180° +270°
- 6F3ABF
Purple Emperor
- B50716
≈ Red Lust
- 5D6800
≈ Mud Green
- 006D78
≈ Carnival Night
Contrast & accessibility
Ag
AAOn white
WCAG 6.92:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.03:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--purple-emperor: #6f3abf;
--purple-emperor-rgb: 111 58 191;
--purple-emperor-oklch: oklch(0.489 0.196 296.7);
}
.element {
color: var(--purple-emperor);
background-color: hsl(264 53% 49%);
border-color: oklch(0.489 0.196 296.7);
}Tailwind CSS v4
@theme {
--color-purple-emperor: #6f3abf;
--color-purple-emperor-50: #fceaff;
--color-purple-emperor-100: #f0daff;
--color-purple-emperor-200: #dfc2ff;
--color-purple-emperor-300: #c59fff;
--color-purple-emperor-400: #ac80ff;
--color-purple-emperor-500: #975ff5;
--color-purple-emperor-600: #7f51cf;
--color-purple-emperor-700: #6641a6;
--color-purple-emperor-800: #492f7e;
--color-purple-emperor-900: #322059;
--color-purple-emperor-950: #1f0e3c;
}SCSS
$purple-emperor: #6f3abf;
$purple-emperor-rgb: 111, 58, 191;
$purple-emperor-light: mix(#fff, $purple-emperor, 20%);
$purple-emperor-dark: mix(#000, $purple-emperor, 20%);
.element {
color: $purple-emperor;
box-shadow: 0 0 0 2px rgba($purple-emperor, 0.35);
}