Colore con nome · #E5F0D9
Maison Verte
Maison Verte è #E5F0D9: rgb(229 240 217), hsl(89 43% 90%), oklch(0.941 0.033 128). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Maison Verte color name →
#E5F0D9
oklch(0.941 0.033 128)
Conversioni di colore
- HEX
- #e5f0d9
- RGB
- rgb(229 240 217)
- HSL
- hsl(89 43% 90%)
- HWB
- hwb(89 85% 6%)
- OKLCH
- oklch(0.941 0.033 128)
- OKLab
- oklab(0.941 -0.02 0.026)
- CIE Lab
- lab(93.5 -6.78 9.84)
- LCH
- lch(93.5 11.95 124.6)
- CMYK
- cmyk(5% 0% 10% 6%)
Tinte · Ombre · Toni
Tinte
- E8F2DD
- EAF3E1
- EDF5E4
- EFF6E8
- F2F8EC
- F5F9F0
- F7FBF4
- FAFCF7
- FCFEFB
Ombre
- C7D1BC
- AAB2A1
- 8E9586
- 72786C
- 585D53
- 3F433B
- 282A25
- 121411
- 030302
Toni
- DAE4D0
- D0D9C7
- C6CDBD
- BBC2B4
- B1B6AC
- A7ABA3
- 9DA09A
- 939591
- 8A8B89
Armonie di colore
Complementare +180°
- E5F0D9
Maison Verte
- F1E6FD
≈ Minute Mauve
Analogo -30° +30°
- E5F0D9
Maison Verte
- F1ECD4
≈ Candlewick
- DAF2E3
≈ Teal Treat
Triadico +120° +240°
- E5F0D9
Maison Verte
- DCEEFF
≈ Calcareous Sinter
- FFE3E7
≈ Hepatica
Complementare divisa +150° +210°
- E5F0D9
Maison Verte
- E6EAFF
≈ Glitter
- FBE3F3
≈ Pale Blossom
Tetradico +90° +180° +270°
- E5F0D9
Maison Verte
- D4F1FA
≈ Water
- F1E6FD
≈ Minute Mauve
- FFE5DD
≈ French Manicure
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.79:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.79:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--maison-verte: #e5f0d9;
--maison-verte-rgb: 229 240 217;
--maison-verte-oklch: oklch(0.941 0.033 128);
}
.element {
color: var(--maison-verte);
background-color: hsl(89 43% 90%);
border-color: oklch(0.941 0.033 128);
}Tailwind CSS v4
@theme {
--color-maison-verte: #e5f0d9;
--color-maison-verte-50: #f2f7ed;
--color-maison-verte-100: #e4eadf;
--color-maison-verte-200: #d0d7c9;
--color-maison-verte-300: #b2bbaa;
--color-maison-verte-400: #99a28e;
--color-maison-verte-500: #808b74;
--color-maison-verte-600: #6c7562;
--color-maison-verte-700: #565e4e;
--color-maison-verte-800: #3f4538;
--color-maison-verte-900: #2c2f27;
--color-maison-verte-950: #191c15;
}SCSS
$maison-verte: #e5f0d9;
$maison-verte-rgb: 229, 240, 217;
$maison-verte-light: mix(#fff, $maison-verte, 20%);
$maison-verte-dark: mix(#000, $maison-verte, 20%);
.element {
color: $maison-verte;
box-shadow: 0 0 0 2px rgba($maison-verte, 0.35);
}