Named color · #E1C6D6
Marvellous Magic
Marvellous Magic is #E1C6D6: rgb(225 198 214), hsl(324 31% 83%), oklch(0.854 0.037 341.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Marvellous Magic color name →
#E1C6D6
oklch(0.854 0.037 341.5)
Color conversions
- HEX
- #e1c6d6
- RGB
- rgb(225 198 214)
- HSL
- hsl(324 31% 83%)
- HWB
- hwb(324 78% 12%)
- OKLCH
- oklch(0.854 0.037 341.5)
- OKLab
- oklab(0.854 0.035 -0.012)
- CIE Lab
- lab(82.55 11.84 -4.32)
- LCH
- lch(82.55 12.6 339.9)
- CMYK
- cmyk(0% 12% 5% 12%)
Tints · Shades · Tones
Tints
- E4CCDA
- E7D1DE
- EAD7E2
- EDDDE6
- F0E2EA
- F3E8EE
- F6EEF3
- F9F3F7
- FCF9FB
Shades
- C4ACBA
- A7929E
- 8B7A84
- 70626A
- 564B52
- 3E353B
- 272125
- 120E10
- 020202
Tones
- D7BFCD
- CDB8C4
- C3B0BB
- B9A9B3
- AFA2AA
- A69BA1
- 9C9499
- 938E91
- 898788
Color harmonies
Complementary +180°
- E1C6D6
Marvellous Magic
- BBD7C7
≈ Malted Mint
Analogous -30° +30°
- E1C6D6
Marvellous Magic
- D7C9E1
≈ Purity
- E6C6C9
≈ Girl Talk
Triadic +120° +240°
- E1C6D6
Marvellous Magic
- D4D0B5
≈ White Rock
- B6D5E0
≈ Rain Check
Split-complementary +150° +210°
- E1C6D6
Marvellous Magic
- C6D4BC
≈ Willow Tree Mouse
- B4D7D5
≈ Dante Peak
Tetradic +90° +180° +270°
- E1C6D6
Marvellous Magic
- DFCCB5
≈ Rice Crackers
- BBD7C7
≈ Malted Mint
- BED1E7
≈ Misty Mountains
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.25:1 · APCA Lc 76
Best text color: #000000
WCAG 13.25:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--marvellous-magic: #e1c6d6;
--marvellous-magic-rgb: 225 198 214;
--marvellous-magic-oklch: oklch(0.854 0.037 341.5);
}
.element {
color: var(--marvellous-magic);
background-color: hsl(324 31% 83%);
border-color: oklch(0.854 0.037 341.5);
}Tailwind CSS v4
@theme {
--color-marvellous-magic: #e1c6d6;
--color-marvellous-magic-50: #fdf1f8;
--color-marvellous-magic-100: #f1e3eb;
--color-marvellous-magic-200: #e0ced8;
--color-marvellous-magic-300: #c6b0bc;
--color-marvellous-magic-400: #af96a5;
--color-marvellous-magic-500: #987d8d;
--color-marvellous-magic-600: #816a77;
--color-marvellous-magic-700: #675460;
--color-marvellous-magic-800: #4b3e46;
--color-marvellous-magic-900: #342a31;
--color-marvellous-magic-950: #20181d;
}SCSS
$marvellous-magic: #e1c6d6;
$marvellous-magic-rgb: 225, 198, 214;
$marvellous-magic-light: mix(#fff, $marvellous-magic, 20%);
$marvellous-magic-dark: mix(#000, $marvellous-magic, 20%);
.element {
color: $marvellous-magic;
box-shadow: 0 0 0 2px rgba($marvellous-magic, 0.35);
}