Named color · #DAD4E4
Light Angel Kiss
Light Angel Kiss is #DAD4E4: rgb(218 212 228), hsl(262 23% 86%), oklch(0.879 0.023 302.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Light Angel Kiss color name →
#DAD4E4
oklch(0.879 0.023 302.9)
Color conversions
- HEX
- #dad4e4
- RGB
- rgb(218 212 228)
- HSL
- hsl(262 23% 86%)
- HWB
- hwb(262 83% 11%)
- OKLCH
- oklch(0.879 0.023 302.9)
- OKLab
- oklab(0.879 0.012 -0.019)
- CIE Lab
- lab(85.76 4.32 -7.13)
- LCH
- lch(85.76 8.34 301.2)
- CMYK
- cmyk(4% 7% 0% 11%)
Tints · Shades · Tones
Tints
- DED8E7
- E1DCE9
- E5E1EC
- E9E5EF
- ECE9F1
- F0EEF4
- F4F2F7
- F8F6FA
- FBFBFC
Shades
- BDB8C6
- A29DA9
- 87838D
- 6C6972
- 545158
- 3C3A3F
- 252428
- 111012
- 020203
Tones
- D1CBDA
- C7C3CF
- BEBAC5
- B5B1BB
- ACA9B1
- A3A1A7
- 9A989D
- 919093
- 89888A
Color harmonies
Complementary +180°
- DAD4E4
Light Angel Kiss
- D4DACA
≈ Ottoman
Analogous -30° +30°
- DAD4E4
Light Angel Kiss
- D2D7E7
≈ Cheerful Whisper
- E1D2DE
≈ Mauve Aquarelle
Triadic +120° +240°
- DAD4E4
Light Angel Kiss
- E3D4C8
≈ Bungalow White
- C8DCD8
≈ Sunken Pool
Split-complementary +150° +210°
- DAD4E4
Light Angel Kiss
- DCD7C7
≈ Arid Landscape
- CDDCD0
≈ Light Soft Celadon
Tetradic +90° +180° +270°
- DAD4E4
Light Angel Kiss
- E6D2CE
≈ Romeo
- D4DACA
≈ Ottoman
- C7DCE0
≈ Byte Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.44:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.51:1 · APCA Lc 82
Best text color: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--light-angel-kiss: #dad4e4;
--light-angel-kiss-rgb: 218 212 228;
--light-angel-kiss-oklch: oklch(0.879 0.023 302.9);
}
.element {
color: var(--light-angel-kiss);
background-color: hsl(262 23% 86%);
border-color: oklch(0.879 0.023 302.9);
}Tailwind CSS v4
@theme {
--color-light-angel-kiss: #dad4e4;
--color-light-angel-kiss-50: #f6f4fa;
--color-light-angel-kiss-100: #e9e6ee;
--color-light-angel-kiss-200: #d6d2dc;
--color-light-angel-kiss-300: #bab5c1;
--color-light-angel-kiss-400: #a19baa;
--color-light-angel-kiss-500: #898393;
--color-light-angel-kiss-600: #746f7c;
--color-light-angel-kiss-700: #5d5963;
--color-light-angel-kiss-800: #444149;
--color-light-angel-kiss-900: #2f2d33;
--color-light-angel-kiss-950: #1b1a1e;
}SCSS
$light-angel-kiss: #dad4e4;
$light-angel-kiss-rgb: 218, 212, 228;
$light-angel-kiss-light: mix(#fff, $light-angel-kiss, 20%);
$light-angel-kiss-dark: mix(#000, $light-angel-kiss, 20%);
.element {
color: $light-angel-kiss;
box-shadow: 0 0 0 2px rgba($light-angel-kiss, 0.35);
}