Colore con nome · #E5EAD8
Homoeopathic Mint
Homoeopathic Mint è #E5EAD8: rgb(229 234 216), hsl(77 30% 88%), oklch(0.928 0.025 119.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Homoeopathic Mint color name →
#E5EAD8
oklch(0.928 0.025 119.5)
Conversioni di colore
- HEX
- #e5ead8
- RGB
- rgb(229 234 216)
- HSL
- hsl(77 30% 88%)
- HWB
- hwb(77 85% 8%)
- OKLCH
- oklch(0.928 0.025 119.5)
- OKLab
- oklab(0.928 -0.012 0.021)
- CIE Lab
- lab(91.94 -4.07 8.16)
- LCH
- lch(91.94 9.12 116.5)
- CMYK
- cmyk(2% 0% 8% 8%)
Tinte · Ombre · Toni
Tinte
- E8ECDC
- EAEEE0
- EDF0E4
- EFF2E8
- F2F4EB
- F5F7EF
- F7F9F3
- FAFBF7
- FCFDFB
Ombre
- C7CBBC
- AAAEA0
- 8E9185
- 72756B
- 585A53
- 3F413B
- 282925
- 121311
- 030302
Toni
- DADFCF
- D0D4C6
- C6C9BD
- BBBEB4
- B1B4AB
- A7A9A2
- 9D9F9A
- 939491
- 8A8A88
Armonie di colore
Complementare +180°
- E5EAD8
Homoeopathic Mint
- E9E4F6
≈ Cyber Lavender
Analogo -30° +30°
- E5EAD8
Homoeopathic Mint
- EEE7D5
≈ Board & Batten
- DDECDF
≈ Cryo Freeze
Triadico +120° +240°
- E5EAD8
Homoeopathic Mint
- D9EAF6
≈ Celestial Cathedral
- F6E1E7
≈ Pork Belly
Complementare divisa +150° +210°
- E5EAD8
Homoeopathic Mint
- E1E7F8
≈ Glitter
- F1E2EF
≈ Sheer Lavender
Tetradico +90° +180° +270°
- E5EAD8
Homoeopathic Mint
- D6ECF0
≈ Sparkling River
- E9E4F6
≈ Cyber Lavender
- F7E2DE
≈ Floral Linen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.09:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--homoeopathic-mint: #e5ead8;
--homoeopathic-mint-rgb: 229 234 216;
--homoeopathic-mint-oklch: oklch(0.928 0.025 119.5);
}
.element {
color: var(--homoeopathic-mint);
background-color: hsl(77 30% 88%);
border-color: oklch(0.928 0.025 119.5);
}Tailwind CSS v4
@theme {
--color-homoeopathic-mint: #e5ead8;
--color-homoeopathic-mint-50: #f4f6ef;
--color-homoeopathic-mint-100: #e6e9e0;
--color-homoeopathic-mint-200: #d2d6cb;
--color-homoeopathic-mint-300: #b5baac;
--color-homoeopathic-mint-400: #9ca191;
--color-homoeopathic-mint-500: #848977;
--color-homoeopathic-mint-600: #707465;
--color-homoeopathic-mint-700: #595d50;
--color-homoeopathic-mint-800: #41443a;
--color-homoeopathic-mint-900: #2d2f28;
--color-homoeopathic-mint-950: #1a1b16;
}SCSS
$homoeopathic-mint: #e5ead8;
$homoeopathic-mint-rgb: 229, 234, 216;
$homoeopathic-mint-light: mix(#fff, $homoeopathic-mint, 20%);
$homoeopathic-mint-dark: mix(#000, $homoeopathic-mint, 20%);
.element {
color: $homoeopathic-mint;
box-shadow: 0 0 0 2px rgba($homoeopathic-mint, 0.35);
}