Nearest named color · #E4D4FC
#E4D4FC
Nearest named color: Foggy Love
#E4D4FC (rgb(228 212 252), hsl(264 87% 91%), oklch(0.895 0.057 303.4)) is closest to the named color Foggy Love. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E4D4FC
oklch(0.895 0.057 303.4)
Color conversions
- HEX
- #e4d4fc
- RGB
- rgb(228 212 252)
- HSL
- hsl(264 87% 91%)
- HWB
- hwb(264 83% 1%)
- OKLCH
- oklch(0.895 0.057 303.4)
- OKLab
- oklab(0.895 0.031 -0.047)
- CIE Lab
- lab(87.17 11.22 -17.55)
- LCH
- lch(87.17 20.83 302.6)
- CMYK
- cmyk(10% 16% 0% 1%)
Tints · Shades · Tones
Tints
- E7D8FC
- E9DDFD
- ECE1FD
- EFE5FE
- F1E9FE
- F4EEFE
- F7F2FE
- FAF6FF
- FCFBFF
Shades
- C6B8DB
- A99DBB
- 8D839C
- 72697E
- 585162
- 3F3A47
- 28242D
- 121016
- 030203
Tones
- DACBEF
- CFC3E2
- C5BAD5
- BBB2C9
- B1A9BC
- A7A1B0
- 9D98A4
- 939098
- 89888C
Color harmonies
Complementary +180°
- E4D4FC
Foggy Love
- D5E3BA
≈ Celery Root
Analogous -30° +30°
- E4D4FC
Foggy Love
- D1DBFF
≈ Icy Plains
- F5CFED
≈ Little Smile
Triadic +120° +240°
- E4D4FC
Foggy Love
- F8D5B6
≈ Tender Peach
- B3E9E0
≈ Gentle Giant
Split-complementary +150° +210°
- E4D4FC
Foggy Love
- E9DCB3
≈ Jodhpurs
- C1E8CB
≈ Granny Apple
Tetradic +90° +180° +270°
- E4D4FC
Foggy Love
- FFD0C5
≈ Snow Pa
- D5E3BA
≈ Celery Root
- B2E7F3
≈ Winter Escape
Contrast & accessibility
Ag
FailOn white
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.12:1 · APCA Lc 85
Best text color: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--foggy-love: #e4d4fc;
--foggy-love-rgb: 228 212 252;
--foggy-love-oklch: oklch(0.895 0.057 303.4);
}
.element {
color: var(--foggy-love);
background-color: hsl(264 87% 91%);
border-color: oklch(0.895 0.057 303.4);
}Tailwind CSS v4
@theme {
--color-foggy-love: #e4d4fc;
--color-foggy-love-50: #f9f1ff;
--color-foggy-love-100: #ece3f7;
--color-foggy-love-200: #dacfe8;
--color-foggy-love-300: #beb1cf;
--color-foggy-love-400: #a597ba;
--color-foggy-love-500: #8e7da5;
--color-foggy-love-600: #786a8c;
--color-foggy-love-700: #605570;
--color-foggy-love-800: #463e53;
--color-foggy-love-900: #302b3a;
--color-foggy-love-950: #1c1824;
}SCSS
$foggy-love: #e4d4fc;
$foggy-love-rgb: 228, 212, 252;
$foggy-love-light: mix(#fff, $foggy-love, 20%);
$foggy-love-dark: mix(#000, $foggy-love, 20%);
.element {
color: $foggy-love;
box-shadow: 0 0 0 2px rgba($foggy-love, 0.35);
}