Nearest named color · #ECEFED
#ECEFED
Nearest named color: Beluga
#ECEFED (rgb(236 239 237), hsl(140 9% 93%), oklch(0.949 0.004 157.2)) is closest to the named color Beluga. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#ECEFED
oklch(0.949 0.004 157.2)
Color conversions
- HEX
- #ecefed
- RGB
- rgb(236 239 237)
- HSL
- hsl(140 9% 93%)
- HWB
- hwb(140 93% 6%)
- OKLCH
- oklch(0.949 0.004 157.2)
- OKLab
- oklab(0.949 -0.004 0.002)
- CIE Lab
- lab(94.17 -1.3 0.6)
- LCH
- lch(94.17 1.43 155.2)
- CMYK
- cmyk(1% 0% 1% 6%)
Tints · Shades · Tones
Tints
- EEF1EF
- F0F2F1
- F2F4F2
- F4F5F4
- F5F7F6
- F7F9F8
- F9FAFA
- FBFCFB
- FDFDFD
Shades
- CDD0CE
- AFB1B0
- 929493
- 767877
- 5B5C5C
- 424242
- 292A2A
- 131414
- 030303
Tones
- E1E3E2
- D5D8D6
- CACCCB
- BFC1C0
- B4B6B5
- AAABAA
- 9FA09F
- 959595
- 8A8B8A
Color harmonies
Complementary +180°
- ECEFED
Beluga
- F0EDEF
≈ Crystal Bell
Analogous -30° +30°
- ECEFED
Beluga
- EDEFEC
≈ Extra White
- EBEFEF
≈ Bái Sè White
Triadic +120° +240°
- ECEFED
Beluga
- EDEEF1
≈ White Whale
- F1EDEC
≈ Vintage Porcelain
Split-complementary +150° +210°
- ECEFED
Beluga
- EFEDF0
≈ Violet Clues
- F1EDEE
≈ Perfect White
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.15:1 · APCA Lc 7
Ag
AAAOn black
WCAG 18.13:1 · APCA Lc 97
Best text color: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--beluga: #ecefed;
--beluga-rgb: 236 239 237;
--beluga-oklch: oklch(0.949 0.004 157.2);
}
.element {
color: var(--beluga);
background-color: hsl(140 9% 93%);
border-color: oklch(0.949 0.004 157.2);
}Tailwind CSS v4
@theme {
--color-beluga: #ecefed;
--color-beluga-50: #f4f5f5;
--color-beluga-100: #e7e8e7;
--color-beluga-200: #d3d5d3;
--color-beluga-300: #b6b8b6;
--color-beluga-400: #9c9f9d;
--color-beluga-500: #848785;
--color-beluga-600: #707271;
--color-beluga-700: #595b5a;
--color-beluga-800: #414342;
--color-beluga-900: #2d2e2d;
--color-beluga-950: #1a1b1a;
}SCSS
$beluga: #ecefed;
$beluga-rgb: 236, 239, 237;
$beluga-light: mix(#fff, $beluga, 20%);
$beluga-dark: mix(#000, $beluga, 20%);
.element {
color: $beluga;
box-shadow: 0 0 0 2px rgba($beluga, 0.35);
}