Colore con nome · #EDF5E7
Verde Pastel
Verde Pastel è #EDF5E7: rgb(237 245 231), hsl(94 41% 93%), oklch(0.96 0.02 131.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Verde Pastel color name →
#EDF5E7
oklch(0.96 0.02 131.5)
Conversioni di colore
- HEX
- #edf5e7
- RGB
- rgb(237 245 231)
- HSL
- hsl(94 41% 93%)
- HWB
- hwb(94 91% 4%)
- OKLCH
- oklch(0.96 0.02 131.5)
- OKLab
- oklab(0.96 -0.013 0.015)
- CIE Lab
- lab(95.64 -4.58 5.8)
- LCH
- lch(95.64 7.39 128.3)
- CMYK
- cmyk(3% 0% 6% 4%)
Tinte · Ombre · Toni
Tinte
- EFF6E9
- F1F7EC
- F2F8EE
- F4F9F1
- F6FAF3
- F8FBF5
- FAFCF8
- FBFDFA
- FDFEFD
Ombre
- CED5C9
- B0B6AB
- 93988F
- 777B73
- 5C5F59
- 424440
- 2A2B28
- 141513
- 030303
Toni
- E2E9DC
- D6DDD2
- CBD0C7
- C0C5BD
- B5B9B2
- AAADA8
- 9FA29E
- 959694
- 8A8B8A
Armonie di colore
Complementare +180°
- EDF5E7
Verde Pastel
- F6EEFC
≈ Cloud Break
Analogo -30° +30°
- EDF5E7
Verde Pastel
- F4F3E3
≈ Au Clair de la Lune
- E7F6EE
≈ Shiroi White
Triadico +120° +240°
- EDF5E7
Verde Pastel
- E9F3FF
≈ Moon White
- FFEDEE
≈ Translucent Unicorn
Complementare divisa +150° +210°
- EDF5E7
Verde Pastel
- EFF1FF
≈ Foundation White
- FCEDF6
≈ Placebo Magenta
Tetradico +90° +180° +270°
- EDF5E7
Verde Pastel
- E4F5FC
≈ Kodama White
- F6EEFC
≈ Cloud Break
- FFEEE8
≈ Strawberry Dust
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.81:1 · APCA Lc 100
Miglior colore del testo: #000000
WCAG 18.81:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--verde-pastel: #edf5e7;
--verde-pastel-rgb: 237 245 231;
--verde-pastel-oklch: oklch(0.96 0.02 131.5);
}
.element {
color: var(--verde-pastel);
background-color: hsl(94 41% 93%);
border-color: oklch(0.96 0.02 131.5);
}Tailwind CSS v4
@theme {
--color-verde-pastel: #edf5e7;
--color-verde-pastel-50: #f3f6f1;
--color-verde-pastel-100: #e5e9e3;
--color-verde-pastel-200: #d1d6cd;
--color-verde-pastel-300: #b3baaf;
--color-verde-pastel-400: #9aa195;
--color-verde-pastel-500: #81897b;
--color-verde-pastel-600: #6d7468;
--color-verde-pastel-700: #575d53;
--color-verde-pastel-800: #40443c;
--color-verde-pastel-900: #2c2f2a;
--color-verde-pastel-950: #191b17;
}SCSS
$verde-pastel: #edf5e7;
$verde-pastel-rgb: 237, 245, 231;
$verde-pastel-light: mix(#fff, $verde-pastel, 20%);
$verde-pastel-dark: mix(#000, $verde-pastel, 20%);
.element {
color: $verde-pastel;
box-shadow: 0 0 0 2px rgba($verde-pastel, 0.35);
}