Couleur nommée la plus proche · #ECEFED
#ECEFED
Couleur nommée la plus proche: Beluga
#ECEFED (rgb(236 239 237), hsl(140 9% 93%), oklch(0.949 0.004 157.2)) est la plus proche de la couleur nommée Beluga. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ECEFED
oklch(0.949 0.004 157.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EEF1EF
- F0F2F1
- F2F4F2
- F4F5F4
- F5F7F6
- F7F9F8
- F9FAFA
- FBFCFB
- FDFDFD
Ombres
- CDD0CE
- AFB1B0
- 929493
- 767877
- 5B5C5C
- 424242
- 292A2A
- 131414
- 030303
Tons
- E1E3E2
- D5D8D6
- CACCCB
- BFC1C0
- B4B6B5
- AAABAA
- 9FA09F
- 959595
- 8A8B8A
Harmonies de couleurs
Complémentaire +180°
- ECEFED
Beluga
- F0EDEF
≈ Crystal Bell
Analogue -30° +30°
- ECEFED
Beluga
- EDEFEC
≈ Extra White
- EBEFEF
≈ Bái Sè White
Triadique +120° +240°
- ECEFED
Beluga
- EDEEF1
≈ White Whale
- F1EDEC
≈ Vintage Porcelain
Complémentaire divisée +150° +210°
- ECEFED
Beluga
- EFEDF0
≈ Violet Clues
- F1EDEE
≈ Perfect White
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.15:1 · APCA Lc 7
Ag
AAASur noir
WCAG 18.13:1 · APCA Lc 97
Meilleure couleur de texte: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
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);
}