Nearest named color · #EBF0F5
#EBF0F5
Nearest named color: Distant Wind Chime
#EBF0F5 (rgb(235 240 245), hsl(210 33% 94%), oklch(0.953 0.009 247.9)) is closest to the named color Distant Wind Chime. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EBF0F5
oklch(0.953 0.009 247.9)
Color conversions
- HEX
- #ebf0f5
- RGB
- rgb(235 240 245)
- HSL
- hsl(210 33% 94%)
- HWB
- hwb(210 92% 4%)
- OKLCH
- oklch(0.953 0.009 247.9)
- OKLab
- oklab(0.953 -0.003 -0.008)
- CIE Lab
- lab(94.52 -1.04 -3.03)
- LCH
- lch(94.52 3.21 251)
- CMYK
- cmyk(4% 2% 0% 4%)
Tints · Shades · Tones
Tints
- EDF1F6
- EFF3F7
- F1F4F8
- F3F6F9
- F5F7FA
- F7F9FB
- F9FAFC
- FBFCFD
- FDFDFE
Shades
- CCD1D5
- AEB2B6
- 919598
- 75787B
- 5B5D5F
- 414344
- 292A2B
- 131415
- 030303
Tones
- E0E4E9
- D5D9DD
- CACDD0
- BFC2C5
- B4B6B9
- A9ABAD
- 9FA0A2
- 949596
- 8A8B8B
Color harmonies
Complementary +180°
- EBF0F5
Distant Wind Chime
- F3EEE9
≈ Pink Mirage
Analogous -30° +30°
- EBF0F5
Distant Wind Chime
- E9F1F3
≈ Powder White
- EEEFF5
≈ Springtime Rain
Triadic +120° +240°
- EBF0F5
Distant Wind Chime
- F5EDEE
≈ Line Dried Sheets
- EEF1EA
≈ Clean Buffer
Split-complementary +150° +210°
- EBF0F5
Distant Wind Chime
- F5EEEB
≈ Furry Lady
- F1EFE9
≈ Fuji Snow
Tetradic +90° +180° +270°
- EBF0F5
Distant Wind Chime
- F3EDF1
≈ Dress Pink
- F3EEE9
≈ Pink Mirage
- EBF1ED
≈ Spring Fog
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.31:1 · APCA Lc 98
Best text color: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--distant-wind-chime: #ebf0f5;
--distant-wind-chime-rgb: 235 240 245;
--distant-wind-chime-oklch: oklch(0.953 0.009 247.9);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(210 33% 94%);
border-color: oklch(0.953 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #ebf0f5;
--color-distant-wind-chime-50: #f3f5f7;
--color-distant-wind-chime-100: #e6e8eb;
--color-distant-wind-chime-200: #d1d4d8;
--color-distant-wind-chime-300: #b4b8bc;
--color-distant-wind-chime-400: #9b9fa3;
--color-distant-wind-chime-500: #82878c;
--color-distant-wind-chime-600: #6e7276;
--color-distant-wind-chime-700: #585b5f;
--color-distant-wind-chime-800: #404345;
--color-distant-wind-chime-900: #2c2e30;
--color-distant-wind-chime-950: #191b1c;
}SCSS
$distant-wind-chime: #ebf0f5;
$distant-wind-chime-rgb: 235, 240, 245;
$distant-wind-chime-light: mix(#fff, $distant-wind-chime, 20%);
$distant-wind-chime-dark: mix(#000, $distant-wind-chime, 20%);
.element {
color: $distant-wind-chime;
box-shadow: 0 0 0 2px rgba($distant-wind-chime, 0.35);
}