Colore con nome più vicino · #EDFDF3
#EDFDF3
Colore con nome più vicino: Honeydew
#EDFDF3 (rgb(237 253 243), hsl(142 80% 96%), oklch(0.979 0.021 158.6)) è più vicino al colore con nome Honeydew. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EDFDF3
oklch(0.979 0.021 158.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- EFFDF4
- F1FDF5
- F2FEF7
- F4FEF8
- F6FEF9
- F8FEFA
- FAFEFB
- FBFFFD
- FDFFFE
Ombre
- CEDCD3
- B0BCB4
- 939D97
- 777F7A
- 5C625E
- 424744
- 2A2D2B
- 141614
- 030303
Toni
- E2F0E7
- D6E3DB
- CBD6CF
- C0C9C3
- B5BDB8
- AAB0AC
- 9FA4A1
- 959896
- 8A8C8B
Armonie di colore
Complementare +180°
- EDFDF3
Honeydew
- FFF5FB
≈ Cold Snow
Analogo -30° +30°
- EDFDF3
Honeydew
- F4FBEC
≈ Placebo Lime
- E9FDFB
≈ Placebo Sky
Triadico +120° +240°
- EDFDF3
Honeydew
- F7F8FF
≈ Ghost White
- FFF6F3
≈ Pink Diminishing
Complementare divisa +150° +210°
- EDFDF3
Honeydew
- FBF6FF
≈ Ghost White
- FFF6F7
≈ Sea Salt Sherbet
Tetradico +90° +180° +270°
- EDFDF3
Honeydew
- F3F9FF
≈ Alice Blue
- FFF5FB
≈ Cold Snow
- FFF7EE
≈ Fatback
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.05:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.94:1 · APCA Lc 104
Miglior colore del testo: #000000
WCAG 19.94:1 (AAA) · APCA Lc 104
Contrast pairs
Frammenti di codice
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);
}