Benannte Farbe · #E1EBD8
Homoeopathic Green
Homoeopathic Green ist #E1EBD8: rgb(225 235 216), hsl(92 32% 88%), oklch(0.927 0.027 129.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Homoeopathic Green color name →
#E1EBD8
oklch(0.927 0.027 129.8)
Farbumrechnungen
- HEX
- #e1ebd8
- RGB
- rgb(225 235 216)
- HSL
- hsl(92 32% 88%)
- HWB
- hwb(92 85% 8%)
- OKLCH
- oklch(0.927 0.027 129.8)
- OKLab
- oklab(0.927 -0.018 0.021)
- CIE Lab
- lab(91.9 -5.96 8.05)
- LCH
- lch(91.9 10.01 126.5)
- CMYK
- cmyk(4% 0% 8% 8%)
Tints · Shades · Tones
Tints
- E4EDDC
- E7EFE0
- EAF1E4
- EDF3E8
- F0F5EB
- F3F7EF
- F6F9F3
- F9FBF7
- FCFDFB
Shades
- C4CCBC
- A7AEA0
- 8B9185
- 70756B
- 565B53
- 3E413B
- 272925
- 121311
- 020302
Tones
- D7E0CF
- CDD5C6
- C3CABD
- B9BFB4
- AFB4AB
- A6A9A2
- 9C9F9A
- 939491
- 898A88
Farbharmonien
Komplementär +180°
- E1EBD8
Homoeopathic Green
- EDE2F5
≈ Sheer Lavender
Analog -30° +30°
- E1EBD8
Homoeopathic Green
- EBE8D3
≈ Instant Relief
- D8EDE1
≈ Spring Dew
Triadisch +120° +240°
- E1EBD8
Homoeopathic Green
- DAE9F9
≈ Celestial Cathedral
- F9E0E3
≈ Poetic Princess
Geteilt komplementär +150° +210°
- E1EBD8
Homoeopathic Green
- E3E5FA
≈ Lavender Mist
- F4E0ED
≈ Taffeta Tint
Tetradisch +90° +180° +270°
- E1EBD8
Homoeopathic Green
- D4ECF4
≈ Spacious Skies
- EDE2F5
≈ Sheer Lavender
- F8E1DA
≈ Laurel Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.07:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--homoeopathic-green: #e1ebd8;
--homoeopathic-green-rgb: 225 235 216;
--homoeopathic-green-oklch: oklch(0.927 0.027 129.8);
}
.element {
color: var(--homoeopathic-green);
background-color: hsl(92 32% 88%);
border-color: oklch(0.927 0.027 129.8);
}Tailwind CSS v4
@theme {
--color-homoeopathic-green: #e1ebd8;
--color-homoeopathic-green-50: #f2f7ef;
--color-homoeopathic-green-100: #e4eae1;
--color-homoeopathic-green-200: #d0d7cb;
--color-homoeopathic-green-300: #b2bbac;
--color-homoeopathic-green-400: #99a291;
--color-homoeopathic-green-500: #808a77;
--color-homoeopathic-green-600: #6d7565;
--color-homoeopathic-green-700: #575d51;
--color-homoeopathic-green-800: #40443a;
--color-homoeopathic-green-900: #2c2f28;
--color-homoeopathic-green-950: #191c16;
}SCSS
$homoeopathic-green: #e1ebd8;
$homoeopathic-green-rgb: 225, 235, 216;
$homoeopathic-green-light: mix(#fff, $homoeopathic-green, 20%);
$homoeopathic-green-dark: mix(#000, $homoeopathic-green, 20%);
.element {
color: $homoeopathic-green;
box-shadow: 0 0 0 2px rgba($homoeopathic-green, 0.35);
}