Benannte Farbe · #AEBEA6
Meadow Morn
Meadow Morn ist #AEBEA6: rgb(174 190 166), hsl(100 16% 70%), oklch(0.782 0.038 135.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Meadow Morn color name →
#AEBEA6
oklch(0.782 0.038 135.1)
Farbumrechnungen
- HEX
- #aebea6
- RGB
- rgb(174 190 166)
- HSL
- hsl(100 16% 70%)
- HWB
- hwb(100 65% 25%)
- OKLCH
- oklch(0.782 0.038 135.1)
- OKLab
- oklab(0.782 -0.027 0.027)
- CIE Lab
- lab(75.23 -9.04 10.21)
- LCH
- lch(75.23 13.63 131.5)
- CMYK
- cmyk(8% 0% 13% 25%)
Tints · Shades · Tones
Tints
- B6C4AF
- BECBB7
- C6D1C0
- CED8C9
- D6DED2
- DEE5DB
- E6EBE4
- EEF2ED
- F7F8F6
Shades
- 97A590
- 808C7A
- 6A7565
- 555E51
- 41483E
- 2E332B
- 1C1F1A
- 0B0D0A
- 010201
Tones
- A9B8A2
- A5B19E
- A0AB9B
- 9BA597
- 979F93
- 92988F
- 8E928B
- 898C88
- 858684
Farbharmonien
Komplementär +180°
- AEBEA6
Meadow Morn
- C2B1C9
≈ Purple Essence
Analog -30° +30°
- AEBEA6
Meadow Morn
- BBBA9F
≈ Dried Thyme
- A3C0B2
≈ Folk Tales
Triadisch +120° +240°
- AEBEA6
Meadow Morn
- A8BAD1
≈ Seascape Blue
- CFAFB0
≈ Izmir Pink
Geteilt komplementär +150° +210°
- AEBEA6
Meadow Morn
- B5B5D0
≈ Madder Blue
- CBAFBE
≈ Pink Potion
Tetradisch +90° +180° +270°
- AEBEA6
Meadow Morn
- 9FBECB
≈ Gift of the Sea
- C2B1C9
≈ Purple Essence
- CEB1A5
≈ Rose Dust
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.71:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--meadow-morn: #aebea6;
--meadow-morn-rgb: 174 190 166;
--meadow-morn-oklch: oklch(0.782 0.038 135.1);
}
.element {
color: var(--meadow-morn);
background-color: hsl(100 16% 70%);
border-color: oklch(0.782 0.038 135.1);
}Tailwind CSS v4
@theme {
--color-meadow-morn: #aebea6;
--color-meadow-morn-50: #f0f8ed;
--color-meadow-morn-100: #e2ebdf;
--color-meadow-morn-200: #cdd8c9;
--color-meadow-morn-300: #afbca9;
--color-meadow-morn-400: #95a48e;
--color-meadow-morn-500: #7c8c73;
--color-meadow-morn-600: #697762;
--color-meadow-morn-700: #545f4e;
--color-meadow-morn-800: #3d4538;
--color-meadow-morn-900: #2a3026;
--color-meadow-morn-950: #181c15;
}SCSS
$meadow-morn: #aebea6;
$meadow-morn-rgb: 174, 190, 166;
$meadow-morn-light: mix(#fff, $meadow-morn, 20%);
$meadow-morn-dark: mix(#000, $meadow-morn, 20%);
.element {
color: $meadow-morn;
box-shadow: 0 0 0 2px rgba($meadow-morn, 0.35);
}