Nearest named color · #7C6EA9
#7C6EA9
Nearest named color: Scampi
#7C6EA9 (rgb(124 110 169), hsl(254 26% 55%), oklch(0.575 0.09 294.3)) is closest to the named color Scampi. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7C6EA9
oklch(0.575 0.09 294.3)
Color conversions
- HEX
- #7c6ea9
- RGB
- rgb(124 110 169)
- HSL
- hsl(254 26% 55%)
- HWB
- hwb(254 43% 34%)
- OKLCH
- oklch(0.575 0.09 294.3)
- OKLab
- oklab(0.575 0.037 -0.082)
- CIE Lab
- lab(49.58 15.61 -29.88)
- LCH
- lch(49.58 33.71 297.6)
- CMYK
- cmyk(27% 35% 0% 34%)
Tints · Shades · Tones
Tints
- 887CB2
- 948ABB
- A198C3
- AEA6CC
- BBB5D5
- C8C3DD
- D6D2E6
- E3E1EE
- F1F0F7
Shades
- 6B5F92
- 5A507C
- 4A4167
- 3B3353
- 2C263F
- 1E192C
- 110E1B
- 05040A
- 010101
Tones
- 7C70A5
- 7D72A1
- 7D749D
- 7D7699
- 7E7895
- 7E7991
- 7F7B8D
- 7F7D89
- 7F7E84
Color harmonies
Complementary +180°
- 7C6EA9
Scampi
- 787F3D
≈ Thai Basil
Analogous -30° +30°
- 7C6EA9
Scampi
- 5E78AF
≈ Sudden Sapphire
- 936697
≈ Viola Grey
Triadic +120° +240°
- 7C6EA9
Scampi
- A26A43
≈ Maple Glaze
- 318A75
≈ Ionian
Split-complementary +150° +210°
- 7C6EA9
Scampi
- 927434
≈ Marshy Green
- 568756
≈ Emerald Ring
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 30
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--scampi: #7c6ea9;
--scampi-rgb: 124 110 169;
--scampi-oklch: oklch(0.575 0.09 294.3);
}
.element {
color: var(--scampi);
background-color: hsl(254 26% 55%);
border-color: oklch(0.575 0.09 294.3);
}Tailwind CSS v4
@theme {
--color-scampi: #7c6ea9;
--color-scampi-50: #f7f0ff;
--color-scampi-100: #eae2ff;
--color-scampi-200: #d7cdf7;
--color-scampi-300: #bbaee1;
--color-scampi-400: #a194cf;
--color-scampi-500: #8a7abc;
--color-scampi-600: #75679f;
--color-scampi-700: #5d537f;
--color-scampi-800: #433c5f;
--color-scampi-900: #2e2943;
--color-scampi-950: #1b172b;
}SCSS
$scampi: #7c6ea9;
$scampi-rgb: 124, 110, 169;
$scampi-light: mix(#fff, $scampi, 20%);
$scampi-dark: mix(#000, $scampi, 20%);
.element {
color: $scampi;
box-shadow: 0 0 0 2px rgba($scampi, 0.35);
}