Nearest named color · #6A52B2
#6A52B2
Nearest named color: Ultrapurple Merge
#6A52B2 (rgb(106 82 178), hsl(255 38% 51%), oklch(0.511 0.147 291.9)) is closest to the named color Ultrapurple Merge. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6A52B2
oklch(0.511 0.147 291.9)
Color conversions
- HEX
- #6a52b2
- RGB
- rgb(106 82 178)
- HSL
- hsl(255 38% 51%)
- HWB
- hwb(255 32% 30%)
- OKLCH
- oklch(0.511 0.147 291.9)
- OKLab
- oklab(0.511 0.055 -0.136)
- CIE Lab
- lab(41.14 27.9 -48.55)
- LCH
- lch(41.14 55.99 299.9)
- CMYK
- cmyk(40% 54% 0% 30%)
Tints · Shades · Tones
Tints
- 7763BB
- 8575C3
- 9386CB
- A197D3
- B0A8DB
- BFB9E3
- CFCAEA
- DFDCF1
- EFEDF8
Shades
- 5B469A
- 4D3B83
- 3F2F6D
- 312557
- 241A43
- 18112F
- 0D081D
- 04020C
- 000001
Tones
- 6C58AE
- 6E5DA9
- 6F62A4
- 7267A0
- 746B9B
- 767096
- 787491
- 7B788B
- 7D7C86
Color harmonies
Complementary +180°
- 6A52B2
Ultrapurple Merge
- 696C00
≈ Brownish Green
Analogous -30° +30°
- 6A52B2
Ultrapurple Merge
- 3562B9
≈ Blue Streak
- 8C4497
≈ Murasaki Purple
Triadic +120° +240°
- 6A52B2
Ultrapurple Merge
- 9F4C00
≈ Burnt Bagel
- 007860
≈ Ultramarine Green
Split-complementary +150° +210°
- 6A52B2
Ultrapurple Merge
- 845F00
≈ Rat Brown
- 287A21
≈ Odd Pea Pod
Tetradic +90° +180° +270°
- 6A52B2
Ultrapurple Merge
- AA3A3F
≈ Red Gumball
- 696C00
≈ Brownish Green
- 00757C
≈ Scurf Green
Contrast & accessibility
Ag
AAOn white
WCAG 6.06:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.46:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--ultrapurple-merge: #6a52b2;
--ultrapurple-merge-rgb: 106 82 178;
--ultrapurple-merge-oklch: oklch(0.511 0.147 291.9);
}
.element {
color: var(--ultrapurple-merge);
background-color: hsl(255 38% 51%);
border-color: oklch(0.511 0.147 291.9);
}Tailwind CSS v4
@theme {
--color-ultrapurple-merge: #6a52b2;
--color-ultrapurple-merge-50: #f7eeff;
--color-ultrapurple-merge-100: #eadfff;
--color-ultrapurple-merge-200: #d7c9ff;
--color-ultrapurple-merge-300: #bba9fb;
--color-ultrapurple-merge-400: #a18ded;
--color-ultrapurple-merge-500: #8a70de;
--color-ultrapurple-merge-600: #755fbb;
--color-ultrapurple-merge-700: #5d4c96;
--color-ultrapurple-merge-800: #423771;
--color-ultrapurple-merge-900: #2e2650;
--color-ultrapurple-merge-950: #1b1435;
}SCSS
$ultrapurple-merge: #6a52b2;
$ultrapurple-merge-rgb: 106, 82, 178;
$ultrapurple-merge-light: mix(#fff, $ultrapurple-merge, 20%);
$ultrapurple-merge-dark: mix(#000, $ultrapurple-merge, 20%);
.element {
color: $ultrapurple-merge;
box-shadow: 0 0 0 2px rgba($ultrapurple-merge, 0.35);
}