Nearest named color · #EAEEE4
#EAEEE4
Nearest named color: Creamy Garlic
#EAEEE4 (rgb(234 238 228), hsl(84 23% 91%), oklch(0.943 0.014 124.6)) is closest to the named color Creamy Garlic. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EAEEE4
oklch(0.943 0.014 124.6)
Color conversions
- HEX
- #eaeee4
- RGB
- rgb(234 238 228)
- HSL
- hsl(84 23% 91%)
- HWB
- hwb(84 89% 7%)
- OKLCH
- oklch(0.943 0.014 124.6)
- OKLab
- oklab(0.943 -0.008 0.011)
- CIE Lab
- lab(93.58 -2.69 4.37)
- LCH
- lch(93.58 5.13 121.7)
- CMYK
- cmyk(2% 0% 4% 7%)
Tints · Shades · Tones
Tints
- ECF0E7
- EEF1E9
- F0F3EC
- F2F5EF
- F4F6F1
- F7F8F4
- F9FAF7
- FBFCFA
- FDFDFC
Shades
- CBCFC6
- AEB1A9
- 91938D
- 757772
- 5A5C58
- 41423F
- 292A28
- 131412
- 030303
Tones
- DFE2DA
- D4D7CF
- C9CCC5
- BEC1BB
- B4B5B1
- A9AAA7
- 9FA09D
- 949593
- 8A8A8A
Color harmonies
Complementary +180°
- EAEEE4
Creamy Garlic
- EEEAF4
≈ Silver Phoenix
Analogous -30° +30°
- EAEEE4
Creamy Garlic
- EFECE2
≈ Greek Villa
- E5EFE8
≈ Snow Crystal Green
Triadic +120° +240°
- EAEEE4
Creamy Garlic
- E5EEF5
≈ Morning Mist
- F5E9EB
≈ Princess Elle
Split-complementary +150° +210°
- EAEEE4
Creamy Garlic
- E9ECF6
≈ Coconut White
- F3E9F0
≈ Snow Plum
Tetradic +90° +180° +270°
- EAEEE4
Creamy Garlic
- E2EFF2
≈ Azul Primavera
- EEEAF4
≈ Silver Phoenix
- F5E9E6
≈ Fancy Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.17:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.84:1 · APCA Lc 96
Best text color: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--creamy-garlic: #eaeee4;
--creamy-garlic-rgb: 234 238 228;
--creamy-garlic-oklch: oklch(0.943 0.014 124.6);
}
.element {
color: var(--creamy-garlic);
background-color: hsl(84 23% 91%);
border-color: oklch(0.943 0.014 124.6);
}Tailwind CSS v4
@theme {
--color-creamy-garlic: #eaeee4;
--color-creamy-garlic-50: #f4f6f2;
--color-creamy-garlic-100: #e6e9e4;
--color-creamy-garlic-200: #d2d5cf;
--color-creamy-garlic-300: #b5b9b1;
--color-creamy-garlic-400: #9ca097;
--color-creamy-garlic-500: #84887e;
--color-creamy-garlic-600: #70736b;
--color-creamy-garlic-700: #595c55;
--color-creamy-garlic-800: #41433e;
--color-creamy-garlic-900: #2d2e2b;
--color-creamy-garlic-950: #1a1b18;
}SCSS
$creamy-garlic: #eaeee4;
$creamy-garlic-rgb: 234, 238, 228;
$creamy-garlic-light: mix(#fff, $creamy-garlic, 20%);
$creamy-garlic-dark: mix(#000, $creamy-garlic, 20%);
.element {
color: $creamy-garlic;
box-shadow: 0 0 0 2px rgba($creamy-garlic, 0.35);
}