Nearest named color · #E4EAE8
#E4EAE8
Nearest named color: Distant Cloud
#E4EAE8 (rgb(228 234 232), hsl(160 12% 91%), oklch(0.932 0.007 174.4)) is closest to the named color Distant Cloud. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E4EAE8
oklch(0.932 0.007 174.4)
Color conversions
- HEX
- #e4eae8
- RGB
- rgb(228 234 232)
- HSL
- hsl(160 12% 91%)
- HWB
- hwb(160 89% 8%)
- OKLCH
- oklch(0.932 0.007 174.4)
- OKLab
- oklab(0.932 -0.007 0.001)
- CIE Lab
- lab(92.19 -2.34 0.24)
- LCH
- lch(92.19 2.36 174.2)
- CMYK
- cmyk(3% 0% 1% 8%)
Tints · Shades · Tones
Tints
- E7ECEA
- E9EEED
- ECF0EF
- EFF2F1
- F1F4F3
- F4F7F6
- F7F9F8
- FAFBFA
- FCFDFD
Shades
- C6CBCA
- A9AEAC
- 8D9190
- 727574
- 585A59
- 3F4140
- 282929
- 121313
- 030303
Tones
- DADFDD
- CFD4D2
- C5C9C8
- BBBEBD
- B1B4B3
- A7A9A8
- 9D9F9E
- 939494
- 8A8A8A
Color harmonies
Complementary +180°
- E4EAE8
Distant Cloud
- EDE7E9
≈ November Pink
Analogous -30° +30°
- E4EAE8
Distant Cloud
- E6EAE6
≈ Distant Cloud
- E3EAEB
≈ Plaster Cast
Triadic +120° +240°
- E4EAE8
Distant Cloud
- E8E8ED
≈ Dandelion Floatie
- ECE7E4
≈ Heavenly White
Split-complementary +150° +210°
- E4EAE8
Distant Cloud
- EBE7EB
≈ Dandelion Floatie
- EDE7E6
≈ Flower Girl Dress
Tetradic +90° +180° +270°
- E4EAE8
Distant Cloud
- E6E8ED
≈ Purple Crystal
- EDE7E9
≈ November Pink
- EBE8E3
≈ Porcelain Mould
Contrast & accessibility
Ag
FailOn white
WCAG 1.21:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.23:1 · APCA Lc 93
Best text color: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--distant-cloud: #e4eae8;
--distant-cloud-rgb: 228 234 232;
--distant-cloud-oklch: oklch(0.932 0.007 174.4);
}
.element {
color: var(--distant-cloud);
background-color: hsl(160 12% 91%);
border-color: oklch(0.932 0.007 174.4);
}Tailwind CSS v4
@theme {
--color-distant-cloud: #e4eae8;
--color-distant-cloud-50: #f3f6f5;
--color-distant-cloud-100: #e5e9e8;
--color-distant-cloud-200: #d1d5d4;
--color-distant-cloud-300: #b4b8b7;
--color-distant-cloud-400: #9aa09e;
--color-distant-cloud-500: #828886;
--color-distant-cloud-600: #6e7371;
--color-distant-cloud-700: #585c5a;
--color-distant-cloud-800: #404342;
--color-distant-cloud-900: #2c2e2e;
--color-distant-cloud-950: #191b1a;
}SCSS
$distant-cloud: #e4eae8;
$distant-cloud-rgb: 228, 234, 232;
$distant-cloud-light: mix(#fff, $distant-cloud, 20%);
$distant-cloud-dark: mix(#000, $distant-cloud, 20%);
.element {
color: $distant-cloud;
box-shadow: 0 0 0 2px rgba($distant-cloud, 0.35);
}