Named color · #E9D9DC
Angelic Choir
Angelic Choir is #E9D9DC: rgb(233 217 220), hsl(349 27% 88%), oklch(0.899 0.018 4.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Angelic Choir color name →
#E9D9DC
oklch(0.899 0.018 4.6)
Color conversions
- HEX
- #e9d9dc
- RGB
- rgb(233 217 220)
- HSL
- hsl(349 27% 88%)
- HWB
- hwb(349 85% 9%)
- OKLCH
- oklch(0.899 0.018 4.6)
- OKLab
- oklab(0.899 0.018 0.001)
- CIE Lab
- lab(88.07 6.07 0.61)
- LCH
- lch(88.07 6.1 5.7)
- CMYK
- cmyk(0% 7% 6% 9%)
Tints · Shades · Tones
Tints
- EBDDDF
- EDE1E3
- F0E4E6
- F2E8EA
- F4ECED
- F6F0F1
- F8F3F4
- FBF7F8
- FDFBFB
Shades
- CBBCBF
- ADA1A3
- 908688
- 746C6E
- 5A5354
- 413B3C
- 292526
- 131111
- 030202
Tones
- DED0D2
- D3C7C9
- C8BDBF
- BEB4B6
- B3ABAD
- A9A3A4
- 9E9A9B
- 949192
- 8A8989
Color harmonies
Complementary +180°
- E9D9DC
Angelic Choir
- D1E2DF
≈ Mountain Dew
Analogous -30° +30°
- E9D9DC
Angelic Choir
- E6D9E3
≈ Rajah Rose
- E9DAD6
≈ Sea Anemone
Triadic +120° +240°
- E9D9DC
Angelic Choir
- DBE0D3
≈ Angel’s Whisper
- D4DFE9
≈ Minified Ballerina Blue
Split-complementary +150° +210°
- E9D9DC
Angelic Choir
- D5E1D8
≈ Dewy
- D1E1E5
≈ Valley of Tears
Tetradic +90° +180° +270°
- E9D9DC
Angelic Choir
- E1DED1
≈ Alpine Frost
- D1E2DF
≈ Mountain Dew
- DADDEA
≈ Pale Cloud
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.42:1 · APCA Lc 86
Best text color: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--angelic-choir: #e9d9dc;
--angelic-choir-rgb: 233 217 220;
--angelic-choir-oklch: oklch(0.899 0.018 4.6);
}
.element {
color: var(--angelic-choir);
background-color: hsl(349 27% 88%);
border-color: oklch(0.899 0.018 4.6);
}Tailwind CSS v4
@theme {
--color-angelic-choir: #e9d9dc;
--color-angelic-choir-50: #faf3f4;
--color-angelic-choir-100: #eee5e7;
--color-angelic-choir-200: #dcd1d3;
--color-angelic-choir-300: #c0b4b6;
--color-angelic-choir-400: #a89a9d;
--color-angelic-choir-500: #918184;
--color-angelic-choir-600: #7b6e70;
--color-angelic-choir-700: #62585a;
--color-angelic-choir-800: #484042;
--color-angelic-choir-900: #322c2d;
--color-angelic-choir-950: #1e191a;
}SCSS
$angelic-choir: #e9d9dc;
$angelic-choir-rgb: 233, 217, 220;
$angelic-choir-light: mix(#fff, $angelic-choir, 20%);
$angelic-choir-dark: mix(#000, $angelic-choir, 20%);
.element {
color: $angelic-choir;
box-shadow: 0 0 0 2px rgba($angelic-choir, 0.35);
}