Nearest named color · #8268A9
#8268A9
Nearest named color: Lavish Spending
#8268A9 (rgb(130 104 169), hsl(264 27% 54%), oklch(0.569 0.101 301.7)) is closest to the named color Lavish Spending. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8268A9
oklch(0.569 0.101 301.7)
Color conversions
- HEX
- #8268a9
- RGB
- rgb(130 104 169)
- HSL
- hsl(264 27% 54%)
- HWB
- hwb(264 41% 34%)
- OKLCH
- oklch(0.569 0.101 301.7)
- OKLab
- oklab(0.569 0.053 -0.086)
- CIE Lab
- lab(48.63 21.01 -31.29)
- LCH
- lch(48.63 37.69 303.9)
- CMYK
- cmyk(23% 38% 0% 34%)
Tints · Shades · Tones
Tints
- 8E77B2
- 9A85BB
- A694C3
- B2A3CC
- BEB2D5
- CBC1DD
- D8D0E6
- E5E0EE
- F2EFF7
Shades
- 705992
- 5F4B7C
- 4E3E67
- 3E3053
- 2F243F
- 20182C
- 120C1B
- 06040A
- 010001
Tones
- 826BA5
- 816DA1
- 81709D
- 817299
- 817595
- 817791
- 80798D
- 807C89
- 807E84
Color harmonies
Complementary +180°
- 8268A9
Lavish Spending
- 6D8037
≈ Leaps and Bounds
Analogous -30° +30°
- 8268A9
Lavish Spending
- 6273B3
≈ Wild Pansy
- 9A6092
≈ Kyo Purple
Triadic +120° +240°
- 8268A9
Lavish Spending
- A26832
≈ Hot Ginger
- 048A7B
≈ Go Go Green
Split-complementary +150° +210°
- 8268A9
Lavish Spending
- 8D7524
≈ Aubergine Green
- 448858
≈ Kilkenny
Tetradic +90° +180° +270°
- 8268A9
Lavish Spending
- AB5F51
≈ Trolley Dash
- 6D8037
≈ Leaps and Bounds
- 008699
≈ Marker Blue
Contrast & accessibility
Ag
AAOn white
WCAG 4.66:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--lavish-spending: #8268a9;
--lavish-spending-rgb: 130 104 169;
--lavish-spending-oklch: oklch(0.569 0.101 301.7);
}
.element {
color: var(--lavish-spending);
background-color: hsl(264 27% 54%);
border-color: oklch(0.569 0.101 301.7);
}Tailwind CSS v4
@theme {
--color-lavish-spending: #8268a9;
--color-lavish-spending-50: #fbefff;
--color-lavish-spending-100: #efe0ff;
--color-lavish-spending-200: #ddcaf8;
--color-lavish-spending-300: #c2abe2;
--color-lavish-spending-400: #a990d1;
--color-lavish-spending-500: #9275be;
--color-lavish-spending-600: #7c63a1;
--color-lavish-spending-700: #634f81;
--color-lavish-spending-800: #483a60;
--color-lavish-spending-900: #322844;
--color-lavish-spending-950: #1e162c;
}SCSS
$lavish-spending: #8268a9;
$lavish-spending-rgb: 130, 104, 169;
$lavish-spending-light: mix(#fff, $lavish-spending, 20%);
$lavish-spending-dark: mix(#000, $lavish-spending, 20%);
.element {
color: $lavish-spending;
box-shadow: 0 0 0 2px rgba($lavish-spending, 0.35);
}