Benannte Farbe · #E6ECD6
Lime Meringue
Lime Meringue ist #E6ECD6: rgb(230 236 214), hsl(76 37% 88%), oklch(0.933 0.03 119.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lime Meringue color name →
#E6ECD6
oklch(0.933 0.03 119.4)
Farbumrechnungen
- HEX
- #e6ecd6
- RGB
- rgb(230 236 214)
- HSL
- hsl(76 37% 88%)
- HWB
- hwb(76 84% 7%)
- OKLCH
- oklch(0.933 0.03 119.4)
- OKLab
- oklab(0.933 -0.015 0.026)
- CIE Lab
- lab(92.49 -4.91 9.98)
- LCH
- lch(92.49 11.13 116.2)
- CMYK
- cmyk(3% 0% 9% 7%)
Tints · Shades · Tones
Tints
- E8EEDA
- EBF0DE
- EDF2E2
- F0F4E6
- F2F6EA
- F5F7EF
- F7F9F3
- FAFBF7
- FCFDFB
Shades
- C8CDBA
- ABAF9E
- 8E9284
- 73766A
- 595B52
- 40423B
- 282925
- 131310
- 030302
Tones
- DBE1CD
- D1D5C4
- C6CABB
- BCBFB3
- B2B5AA
- A7AAA2
- 9D9F99
- 939591
- 8A8A88
Farbharmonien
Komplementär +180°
- E6ECD6
Lime Meringue
- EBE5FA
≈ Cyber Lavender
Analog -30° +30°
- E6ECD6
Lime Meringue
- F1E8D3
≈ Imperial Ivory
- DCEFDE
≈ Vanishing Point
Triadisch +120° +240°
- E6ECD6
Lime Meringue
- D7ECFB
≈ Ice Castle
- FBE1E8
≈ Watermelon Mousse
Geteilt komplementär +150° +210°
- E6ECD6
Lime Meringue
- E1E8FE
≈ Glitter
- F5E2F3
≈ Minute Mauve
Tetradisch +90° +180° +270°
- E6ECD6
Lime Meringue
- D3EFF4
≈ Frostproof
- EBE5FA
≈ Cyber Lavender
- FCE2DD
≈ Lady Anne
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.33:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--lime-meringue: #e6ecd6;
--lime-meringue-rgb: 230 236 214;
--lime-meringue-oklch: oklch(0.933 0.03 119.4);
}
.element {
color: var(--lime-meringue);
background-color: hsl(76 37% 88%);
border-color: oklch(0.933 0.03 119.4);
}Tailwind CSS v4
@theme {
--color-lime-meringue: #e6ecd6;
--color-lime-meringue-50: #f4f7ed;
--color-lime-meringue-100: #e6eadf;
--color-lime-meringue-200: #d2d6c9;
--color-lime-meringue-300: #b5baa9;
--color-lime-meringue-400: #9ca18e;
--color-lime-meringue-500: #848973;
--color-lime-meringue-600: #6f7462;
--color-lime-meringue-700: #595d4e;
--color-lime-meringue-800: #414438;
--color-lime-meringue-900: #2d2f26;
--color-lime-meringue-950: #1a1b15;
}SCSS
$lime-meringue: #e6ecd6;
$lime-meringue-rgb: 230, 236, 214;
$lime-meringue-light: mix(#fff, $lime-meringue, 20%);
$lime-meringue-dark: mix(#000, $lime-meringue, 20%);
.element {
color: $lime-meringue;
box-shadow: 0 0 0 2px rgba($lime-meringue, 0.35);
}