Nearest named color · #948BB8
#948BB8
Nearest named color: Magic Carpet
#948BB8 (rgb(148 139 184), hsl(252 24% 63%), oklch(0.661 0.067 293.7)) is closest to the named color Magic Carpet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#948BB8
oklch(0.661 0.067 293.7)
Color conversions
- HEX
- #948bb8
- RGB
- rgb(148 139 184)
- HSL
- hsl(252 24% 63%)
- HWB
- hwb(252 55% 28%)
- OKLCH
- oklch(0.661 0.067 293.7)
- OKLab
- oklab(0.661 0.027 -0.061)
- CIE Lab
- lab(59.89 10.6 -22.44)
- LCH
- lch(59.89 24.82 295.3)
- CMYK
- cmyk(20% 24% 0% 28%)
Tints · Shades · Tones
Tints
- 9E96BF
- A8A1C6
- B3ADCD
- BDB8D5
- C8C4DC
- D3CFE3
- DEDBEA
- E9E7F1
- F4F3F8
Shades
- 8078A0
- 6D6688
- 5A5471
- 48435B
- 363245
- 262331
- 16141E
- 08070C
- 010102
Tones
- 928AB2
- 9089AD
- 8E88A7
- 8C87A2
- 8A869C
- 888596
- 868491
- 84828B
- 828186
Color harmonies
Complementary +180°
- 948BB8
Magic Carpet
- 929768
≈ Exotic Palm
Analogous -30° +30°
- 948BB8
Magic Carpet
- 7D93BC
≈ Soothsayer
- A785AA
≈ Baroness
Triadic +120° +240°
- 948BB8
Magic Carpet
- B3886C
≈ Mangy Moose
- 66A08F
≈ Jade Dragon
Split-complementary +150° +210°
- 948BB8
Magic Carpet
- A68F63
≈ Fossil Butte
- 7A9D78
≈ Horenso Green
Tetradic +90° +180° +270°
- 948BB8
Magic Carpet
- B8837F
≈ Red Clover
- 929768
≈ Exotic Palm
- 5E9FA5
≈ Atlas Cedar
Contrast & accessibility
Ag
FailOn white
WCAG 3.16:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.64:1 · APCA Lc 43
Best text color: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--magic-carpet: #948bb8;
--magic-carpet-rgb: 148 139 184;
--magic-carpet-oklch: oklch(0.661 0.067 293.7);
}
.element {
color: var(--magic-carpet);
background-color: hsl(252 24% 63%);
border-color: oklch(0.661 0.067 293.7);
}Tailwind CSS v4
@theme {
--color-magic-carpet: #948bb8;
--color-magic-carpet-50: #f6f2ff;
--color-magic-carpet-100: #e9e4fc;
--color-magic-carpet-200: #d6cfee;
--color-magic-carpet-300: #bab1d6;
--color-magic-carpet-400: #a097c3;
--color-magic-carpet-500: #887eaf;
--color-magic-carpet-600: #736b93;
--color-magic-carpet-700: #5c5576;
--color-magic-carpet-800: #423e58;
--color-magic-carpet-900: #2e2b3d;
--color-magic-carpet-950: #1b1827;
}SCSS
$magic-carpet: #948bb8;
$magic-carpet-rgb: 148, 139, 184;
$magic-carpet-light: mix(#fff, $magic-carpet, 20%);
$magic-carpet-dark: mix(#000, $magic-carpet, 20%);
.element {
color: $magic-carpet;
box-shadow: 0 0 0 2px rgba($magic-carpet, 0.35);
}