Nearest named color · #E7EDEB
#E7EDEB
Nearest named color: Distant Cloud
#E7EDEB (rgb(231 237 235), hsl(160 14% 92%), oklch(0.941 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.
#E7EDEB
oklch(0.941 0.007 174.4)
Color conversions
- HEX
- #e7edeb
- RGB
- rgb(231 237 235)
- HSL
- hsl(160 14% 92%)
- HWB
- hwb(160 91% 7%)
- OKLCH
- oklch(0.941 0.007 174.4)
- OKLab
- oklab(0.941 -0.007 0.001)
- CIE Lab
- lab(93.24 -2.34 0.24)
- LCH
- lch(93.24 2.35 174.2)
- CMYK
- cmyk(3% 0% 1% 7%)
Tints · Shades · Tones
Tints
- E9EFED
- ECF1EF
- EEF2F1
- F1F4F3
- F3F6F5
- F5F8F7
- F8FAF9
- FAFBFB
- FDFDFD
Shades
- C9CECC
- ABB0AE
- 8F9391
- 737775
- 595C5B
- 404241
- 282A29
- 131413
- 030303
Tones
- DCE2E0
- D2D6D5
- C7CBCA
- BCC0BF
- B2B5B4
- A8AAA9
- 9E9F9F
- 949594
- 8A8A8A
Color harmonies
Complementary +180°
- E7EDEB
Distant Cloud
- F0EAEC
≈ Charolais Cattle
Analogous -30° +30°
- E7EDEB
Distant Cloud
- E9EDE9
≈ Gossamer Wings
- E6EDEE
≈ Breaker
Triadic +120° +240°
- E7EDEB
Distant Cloud
- EBEBF0
≈ Bright Grey
- EFEAE7
≈ Lauren’s Lace
Split-complementary +150° +210°
- E7EDEB
Distant Cloud
- EEEAEE
≈ Greek Goddess
- F0EAE9
≈ NYC Apartment Wall
Tetradic +90° +180° +270°
- E7EDEB
Distant Cloud
- E9EBF0
≈ Solitude
- F0EAEC
≈ Charolais Cattle
- EEEBE6
≈ Sweet Vanilla
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.71:1 · APCA Lc 95
Best text color: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--distant-cloud: #e7edeb;
--distant-cloud-rgb: 231 237 235;
--distant-cloud-oklch: oklch(0.941 0.007 174.4);
}
.element {
color: var(--distant-cloud);
background-color: hsl(160 14% 92%);
border-color: oklch(0.941 0.007 174.4);
}Tailwind CSS v4
@theme {
--color-distant-cloud: #e7edeb;
--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: #e7edeb;
$distant-cloud-rgb: 231, 237, 235;
$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);
}