Benannte Farbe · #E5E0EC
Homoeopathic Lavender
Homoeopathic Lavender ist #E5E0EC: rgb(229 224 236), hsl(265 24% 90%), oklch(0.914 0.017 304.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Homoeopathic Lavender color name →
#E5E0EC
oklch(0.914 0.017 304.8)
Farbumrechnungen
- HEX
- #e5e0ec
- RGB
- rgb(229 224 236)
- HSL
- hsl(265 24% 90%)
- HWB
- hwb(265 88% 7%)
- OKLCH
- oklch(0.914 0.017 304.8)
- OKLab
- oklab(0.914 0.01 -0.014)
- CIE Lab
- lab(89.84 3.37 -5.24)
- LCH
- lch(89.84 6.23 302.7)
- CMYK
- cmyk(3% 5% 0% 7%)
Tints · Shades · Tones
Tints
- E8E3EE
- EAE6F0
- EDE9F2
- EFECF4
- F2EFF5
- F5F3F7
- F7F6F9
- FAF9FB
- FCFCFD
Shades
- C7C3CD
- AAA6AF
- 8E8A92
- 727076
- 58565B
- 3F3E42
- 282729
- 121213
- 030203
Tones
- DAD6E1
- D0CCD5
- C6C2CA
- BBB8BF
- B1AFB5
- A7A5AA
- 9D9C9F
- 939295
- 8A898A
Farbharmonien
Komplementär +180°
- E5E0EC
Homoeopathic Lavender
- E0E5D9
≈ Cloudy Day
Analog -30° +30°
- E5E0EC
Homoeopathic Lavender
- DFE2EE
≈ Iris Ice
- EADFE7
≈ Ostrich Tail
Triadisch +120° +240°
- E5E0EC
Homoeopathic Lavender
- EBE1D7
≈ Sharp-Rip Drill
- D7E7E4
≈ Peaceful Night
Geteilt komplementär +150° +210°
- E5E0EC
Homoeopathic Lavender
- E6E3D6
≈ Snowshoe Hare
- DAE6DE
≈ Swans Down
Tetradisch +90° +180° +270°
- E5E0EC
Homoeopathic Lavender
- EEDFDB
≈ Mannequin
- E0E5D9
≈ Cloudy Day
- D7E6EA
≈ White Sea
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.20:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--homoeopathic-lavender: #e5e0ec;
--homoeopathic-lavender-rgb: 229 224 236;
--homoeopathic-lavender-oklch: oklch(0.914 0.017 304.8);
}
.element {
color: var(--homoeopathic-lavender);
background-color: hsl(265 24% 90%);
border-color: oklch(0.914 0.017 304.8);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lavender: #e5e0ec;
--color-homoeopathic-lavender-50: #f6f4f9;
--color-homoeopathic-lavender-100: #e9e6ec;
--color-homoeopathic-lavender-200: #d6d2da;
--color-homoeopathic-lavender-300: #b9b5be;
--color-homoeopathic-lavender-400: #a19ca7;
--color-homoeopathic-lavender-500: #89848f;
--color-homoeopathic-lavender-600: #746f79;
--color-homoeopathic-lavender-700: #5c5961;
--color-homoeopathic-lavender-800: #434147;
--color-homoeopathic-lavender-900: #2f2d31;
--color-homoeopathic-lavender-950: #1b1a1d;
}SCSS
$homoeopathic-lavender: #e5e0ec;
$homoeopathic-lavender-rgb: 229, 224, 236;
$homoeopathic-lavender-light: mix(#fff, $homoeopathic-lavender, 20%);
$homoeopathic-lavender-dark: mix(#000, $homoeopathic-lavender, 20%);
.element {
color: $homoeopathic-lavender;
box-shadow: 0 0 0 2px rgba($homoeopathic-lavender, 0.35);
}