Couleur nommée la plus proche · #E2EDEF
#E2EDEF
Couleur nommée la plus proche: Diamond White
#E2EDEF (rgb(226 237 239), hsl(189 29% 91%), oklch(0.938 0.012 209.8)) est la plus proche de la couleur nommée Diamond White. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E2EDEF
oklch(0.938 0.012 209.8)
Conversions de couleur
- HEX
- #e2edef
- RGB
- rgb(226 237 239)
- HSL
- hsl(189 29% 91%)
- HWB
- hwb(189 89% 6%)
- OKLCH
- oklch(0.938 0.012 209.8)
- OKLab
- oklab(0.938 -0.01 -0.006)
- CIE Lab
- lab(92.96 -3.5 -2.3)
- LCH
- lch(92.96 4.19 213.3)
- CMYK
- cmyk(5% 1% 0% 6%)
Teintes · Ombres · Tons
Teintes
- E5EFF1
- E8F1F2
- EBF2F4
- EEF4F5
- F0F6F7
- F3F8F9
- F6FAFA
- F9FBFC
- FCFDFD
Ombres
- C4CED0
- A8B0B1
- 8C9394
- 717778
- 575C5C
- 3E4242
- 272A2A
- 121414
- 030303
Tons
- D8E2E3
- CED6D8
- C4CBCC
- BAC0C1
- B0B5B6
- A6AAAB
- 9C9FA0
- 939595
- 898A8B
Harmonies de couleurs
Complémentaire +180°
- E2EDEF
Diamond White
- F3E8E6
≈ Light Chiffon
Analogue -30° +30°
- E2EDEF
Diamond White
- E3EDEB
≈ Club Soda
- E4ECF2
≈ Out Cold
Triadique +120° +240°
- E2EDEF
Diamond White
- F0E8EE
≈ Rose Fantasy
- EEEAE2
≈ Solid Opal
Complémentaire divisée +150° +210°
- E2EDEF
Diamond White
- F2E7EA
≈ White-Red
- F1E9E3
≈ Refer to the Stars
Tétradique +90° +180° +270°
- E2EDEF
Diamond White
- ECE9F2
≈ Greek Goddess
- F3E8E6
≈ Light Chiffon
- E9ECE3
≈ Calm Breeze
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.19:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.59:1 · APCA Lc 95
Meilleure couleur de texte: #000000
WCAG 17.59:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
CSS
:root {
--diamond-white: #e2edef;
--diamond-white-rgb: 226 237 239;
--diamond-white-oklch: oklch(0.938 0.012 209.8);
}
.element {
color: var(--diamond-white);
background-color: hsl(189 29% 91%);
border-color: oklch(0.938 0.012 209.8);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e2edef;
--color-diamond-white-50: #f1f6f7;
--color-diamond-white-100: #e4e9ea;
--color-diamond-white-200: #cfd6d7;
--color-diamond-white-300: #b1b9bb;
--color-diamond-white-400: #97a0a2;
--color-diamond-white-500: #7d888a;
--color-diamond-white-600: #6a7375;
--color-diamond-white-700: #555c5e;
--color-diamond-white-800: #3e4444;
--color-diamond-white-900: #2a2f2f;
--color-diamond-white-950: #181b1c;
}SCSS
$diamond-white: #e2edef;
$diamond-white-rgb: 226, 237, 239;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}