Color con nombre más cercano · #EDFDF3
#EDFDF3
Color con nombre más cercano: Honeydew
#EDFDF3 (rgb(237 253 243), hsl(142 80% 96%), oklch(0.979 0.021 158.6)) se parece más al color con nombre Honeydew. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EDFDF3
oklch(0.979 0.021 158.6)
Conversiones de color
- HEX
- #edfdf3
- RGB
- rgb(237 253 243)
- HSL
- hsl(142 80% 96%)
- HWB
- hwb(142 93% 1%)
- OKLCH
- oklch(0.979 0.021 158.6)
- OKLab
- oklab(0.979 -0.02 0.008)
- CIE Lab
- lab(97.91 -6.77 2.9)
- LCH
- lch(97.91 7.37 156.8)
- CMYK
- cmyk(6% 0% 4% 1%)
Tintes · Sombras · Tonos
Tintes
- EFFDF4
- F1FDF5
- F2FEF7
- F4FEF8
- F6FEF9
- F8FEFA
- FAFEFB
- FBFFFD
- FDFFFE
Sombras
- CEDCD3
- B0BCB4
- 939D97
- 777F7A
- 5C625E
- 424744
- 2A2D2B
- 141614
- 030303
Tonos
- E2F0E7
- D6E3DB
- CBD6CF
- C0C9C3
- B5BDB8
- AAB0AC
- 9FA4A1
- 959896
- 8A8C8B
Armonías de color
Complementario +180°
- EDFDF3
Honeydew
- FFF5FB
≈ Cold Snow
Análogo -30° +30°
- EDFDF3
Honeydew
- F4FBEC
≈ Placebo Lime
- E9FDFB
≈ Placebo Sky
Triádico +120° +240°
- EDFDF3
Honeydew
- F7F8FF
≈ Ghost White
- FFF6F3
≈ Pink Diminishing
Complementario dividido +150° +210°
- EDFDF3
Honeydew
- FBF6FF
≈ Ghost White
- FFF6F7
≈ Sea Salt Sherbet
Tetrádico +90° +180° +270°
- EDFDF3
Honeydew
- F3F9FF
≈ Alice Blue
- FFF5FB
≈ Cold Snow
- FFF7EE
≈ Fatback
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.05:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.94:1 · APCA Lc 104
Mejor color de texto: #000000
WCAG 19.94:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--honeydew: #edfdf3;
--honeydew-rgb: 237 253 243;
--honeydew-oklch: oklch(0.979 0.021 158.6);
}
.element {
color: var(--honeydew);
background-color: hsl(142 80% 96%);
border-color: oklch(0.979 0.021 158.6);
}Tailwind CSS v4
@theme {
--color-honeydew: #edfdf3;
--color-honeydew-50: #f0f7f3;
--color-honeydew-100: #e2eae5;
--color-honeydew-200: #cdd7d1;
--color-honeydew-300: #aebbb4;
--color-honeydew-400: #94a29a;
--color-honeydew-500: #7b8b81;
--color-honeydew-600: #68756d;
--color-honeydew-700: #535e57;
--color-honeydew-800: #3d453f;
--color-honeydew-900: #2a2f2c;
--color-honeydew-950: #171c19;
}SCSS
$honeydew: #edfdf3;
$honeydew-rgb: 237, 253, 243;
$honeydew-light: mix(#fff, $honeydew, 20%);
$honeydew-dark: mix(#000, $honeydew, 20%);
.element {
color: $honeydew;
box-shadow: 0 0 0 2px rgba($honeydew, 0.35);
}