Benannte Farbe · #E5EAD8
Homoeopathic Mint
Homoeopathic Mint ist #E5EAD8: rgb(229 234 216), hsl(77 30% 88%), oklch(0.928 0.025 119.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Homoeopathic Mint color name →
#E5EAD8
oklch(0.928 0.025 119.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E8ECDC
- EAEEE0
- EDF0E4
- EFF2E8
- F2F4EB
- F5F7EF
- F7F9F3
- FAFBF7
- FCFDFB
Shades
- C7CBBC
- AAAEA0
- 8E9185
- 72756B
- 585A53
- 3F413B
- 282925
- 121311
- 030302
Tones
- DADFCF
- D0D4C6
- C6C9BD
- BBBEB4
- B1B4AB
- A7A9A2
- 9D9F9A
- 939491
- 8A8A88
Farbharmonien
Komplementär +180°
- E5EAD8
Homoeopathic Mint
- E9E4F6
≈ Cyber Lavender
Analog -30° +30°
- E5EAD8
Homoeopathic Mint
- EEE7D5
≈ Board & Batten
- DDECDF
≈ Cryo Freeze
Triadisch +120° +240°
- E5EAD8
Homoeopathic Mint
- D9EAF6
≈ Celestial Cathedral
- F6E1E7
≈ Pork Belly
Geteilt komplementär +150° +210°
- E5EAD8
Homoeopathic Mint
- E1E7F8
≈ Glitter
- F1E2EF
≈ Sheer Lavender
Tetradisch +90° +180° +270°
- E5EAD8
Homoeopathic Mint
- D6ECF0
≈ Sparkling River
- E9E4F6
≈ Cyber Lavender
- F7E2DE
≈ Floral Linen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.09:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
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);
}