Named color · #E4D8D8
Star Magic
Star Magic is #E4D8D8: rgb(228 216 216), hsl(0 18% 87%), oklch(0.892 0.013 17.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Star Magic color name →
#E4D8D8
oklch(0.892 0.013 17.4)
Color conversions
- HEX
- #e4d8d8
- RGB
- rgb(228 216 216)
- HSL
- hsl(0 18% 87%)
- HWB
- hwb(0 85% 11%)
- OKLCH
- oklch(0.892 0.013 17.4)
- OKLab
- oklab(0.892 0.013 0.004)
- CIE Lab
- lab(87.32 4.26 1.55)
- LCH
- lch(87.32 4.54 20)
- CMYK
- cmyk(0% 5% 5% 11%)
Tints · Shades · Tones
Tints
- E7DCDC
- E9E0E0
- ECE4E4
- EFE7E7
- F1EBEB
- F4EFEF
- F7F3F3
- FAF7F7
- FCFBFB
Shades
- C6BCBC
- A9A0A0
- 8D8585
- 726B6B
- 585353
- 3F3B3B
- 282525
- 121111
- 030202
Tones
- DACFCF
- CFC6C6
- C5BDBD
- BBB4B4
- B1ABAB
- A7A2A2
- 9D9A99
- 939191
- 8A8888
Color harmonies
Complementary +180°
- E4D8D8
Star Magic
- D2DEDE
≈ Spa Blue
Analogous -30° +30°
- E4D8D8
Star Magic
- E2D8DD
≈ Philanthropist Pink
- E3D9D4
≈ Light Instant
Triadic +120° +240°
- E4D8D8
Star Magic
- D7DDD5
≈ Aqua Haze
- D6DCE4
≈ Cautious Blue
Split-complementary +150° +210°
- E4D8D8
Star Magic
- D4DED9
≈ Periwinkle Tint
- D3DDE2
≈ Ocean Dream
Tetradic +90° +180° +270°
- E4D8D8
Star Magic
- DCDCD2
≈ Anonymous
- D2DEDE
≈ Spa Blue
- DADAE4
≈ Misty Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.11:1 · APCA Lc 85
Best text color: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--star-magic: #e4d8d8;
--star-magic-rgb: 228 216 216;
--star-magic-oklch: oklch(0.892 0.013 17.4);
}
.element {
color: var(--star-magic);
background-color: hsl(0 18% 87%);
border-color: oklch(0.892 0.013 17.4);
}Tailwind CSS v4
@theme {
--color-star-magic: #e4d8d8;
--color-star-magic-50: #f9f4f3;
--color-star-magic-100: #ece6e6;
--color-star-magic-200: #dad2d2;
--color-star-magic-300: #beb5b5;
--color-star-magic-400: #a69b9b;
--color-star-magic-500: #8f8383;
--color-star-magic-600: #796f6f;
--color-star-magic-700: #615959;
--color-star-magic-800: #474141;
--color-star-magic-900: #312c2d;
--color-star-magic-950: #1d1a1a;
}SCSS
$star-magic: #e4d8d8;
$star-magic-rgb: 228, 216, 216;
$star-magic-light: mix(#fff, $star-magic, 20%);
$star-magic-dark: mix(#000, $star-magic, 20%);
.element {
color: $star-magic;
box-shadow: 0 0 0 2px rgba($star-magic, 0.35);
}