Color con nombre más cercano · #E7F7FD
#E7F7FD
Color con nombre más cercano: Diamond White
#E7F7FD (rgb(231 247 253), hsl(196 85% 95%), oklch(0.966 0.019 222.2)) se parece más al color con nombre Diamond White. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E7F7FD
oklch(0.966 0.019 222.2)
Conversiones de color
- HEX
- #e7f7fd
- RGB
- rgb(231 247 253)
- HSL
- hsl(196 85% 95%)
- HWB
- hwb(196 91% 1%)
- OKLCH
- oklch(0.966 0.019 222.2)
- OKLab
- oklab(0.966 -0.014 -0.013)
- CIE Lab
- lab(96.17 -4.59 -4.79)
- LCH
- lch(96.17 6.64 226.2)
- CMYK
- cmyk(9% 2% 0% 1%)
Tintes · Sombras · Tonos
Tintes
- E9F8FD
- ECF9FD
- EEF9FE
- F1FAFE
- F3FBFE
- F5FCFE
- F8FDFE
- FAFDFF
- FDFEFF
Sombras
- C9D7DC
- ABB7BC
- 8F999D
- 737C7F
- 596062
- 404547
- 282C2D
- 131516
- 030303
Tonos
- DCEAF0
- D2DEE3
- C7D2D6
- BDC6C9
- B2BABD
- A8AEB0
- 9EA2A4
- 949798
- 8A8B8C
Armonías de color
Complementario +180°
- E7F7FD
Diamond White
- FFF0EB
≈ Strawberry Dust
Análogo -30° +30°
- E7F7FD
Diamond White
- E6F8F7
≈ Melting Glacier
- ECF5FF
≈ Placebo Blue
Triádico +120° +240°
- E7F7FD
Diamond White
- FDEFF7
≈ Lavender Blush
- F6F5E6
≈ Diamond Dust
Complementario dividido +150° +210°
- E7F7FD
Diamond White
- FFEFF1
≈ Powder Puff
- FCF2E6
≈ Milk Moustache
Tetrádico +90° +180° +270°
- E7F7FD
Diamond White
- F8F0FD
≈ Cloud Break
- FFF0EB
≈ Strawberry Dust
- EFF7EA
≈ Garden Dawn
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.12:1 · APCA Lc 101
Mejor color de texto: #000000
WCAG 19.12:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--diamond-white: #e7f7fd;
--diamond-white-rgb: 231 247 253;
--diamond-white-oklch: oklch(0.966 0.019 222.2);
}
.element {
color: var(--diamond-white);
background-color: hsl(196 85% 95%);
border-color: oklch(0.966 0.019 222.2);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e7f7fd;
--color-diamond-white-50: #f0f6f9;
--color-diamond-white-100: #e2e9ec;
--color-diamond-white-200: #ccd6da;
--color-diamond-white-300: #aebabf;
--color-diamond-white-400: #93a1a6;
--color-diamond-white-500: #79898f;
--color-diamond-white-600: #677479;
--color-diamond-white-700: #525d61;
--color-diamond-white-800: #3c4447;
--color-diamond-white-900: #292f31;
--color-diamond-white-950: #171c1d;
}SCSS
$diamond-white: #e7f7fd;
$diamond-white-rgb: 231, 247, 253;
$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);
}