Benannte Farbe · #83A494
Aspen Aura
Aspen Aura ist #83A494: rgb(131 164 148), hsl(151 15% 58%), oklch(0.689 0.043 164.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Aspen Aura color name →
#83A494
oklch(0.689 0.043 164.1)
Farbumrechnungen
- HEX
- #83a494
- RGB
- rgb(131 164 148)
- HSL
- hsl(151 15% 58%)
- HWB
- hwb(151 51% 36%)
- OKLCH
- oklch(0.689 0.043 164.1)
- OKLab
- oklab(0.689 -0.042 0.012)
- CIE Lab
- lab(64.53 -14.32 4.4)
- LCH
- lch(64.53 14.98 162.9)
- CMYK
- cmyk(20% 0% 10% 36%)
Tints · Shades · Tones
Tints
- 8FAD9E
- 9BB6A9
- A7BFB3
- B4C8BE
- C0D1C8
- CCDAD3
- D9E3DE
- E5ECE9
- F2F6F4
Shades
- 718E80
- 60796D
- 4F645A
- 3F5048
- 2F3D36
- 202B26
- 121A16
- 060A08
- 010101
Tones
- 83A092
- 839D90
- 83998E
- 82968C
- 82928A
- 828E88
- 818B86
- 818784
- 818482
Farbharmonien
Komplementär +180°
- 83A494
Aspen Aura
- AF91A2
≈ Grape Soda
Analog -30° +30°
- 83A494
Aspen Aura
- 90A186
≈ Fresh Sod
- 7CA4A3
≈ Sightful
Triadisch +120° +240°
- 83A494
Aspen Aura
- 9798B6
≈ Tusi Grey
- B39386
≈ Mauve Blush
Geteilt komplementär +150° +210°
- 83A494
Aspen Aura
- A594AE
≈ Garden Flower
- B49193
≈ Deauville Mauve
Tetradisch +90° +180° +270°
- 83A494
Aspen Aura
- 899DB6
≈ Astro Bound
- AF91A2
≈ Grape Soda
- AC987E
≈ York Beige
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.72:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.70:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--aspen-aura: #83a494;
--aspen-aura-rgb: 131 164 148;
--aspen-aura-oklch: oklch(0.689 0.043 164.1);
}
.element {
color: var(--aspen-aura);
background-color: hsl(151 15% 58%);
border-color: oklch(0.689 0.043 164.1);
}Tailwind CSS v4
@theme {
--color-aspen-aura: #83a494;
--color-aspen-aura-50: #eaf9f2;
--color-aspen-aura-100: #dbede5;
--color-aspen-aura-200: #c4dad0;
--color-aspen-aura-300: #a3bfb2;
--color-aspen-aura-400: #88a798;
--color-aspen-aura-500: #6c907f;
--color-aspen-aura-600: #5b796b;
--color-aspen-aura-700: #496156;
--color-aspen-aura-800: #35473e;
--color-aspen-aura-900: #24312a;
--color-aspen-aura-950: #131d18;
}SCSS
$aspen-aura: #83a494;
$aspen-aura-rgb: 131, 164, 148;
$aspen-aura-light: mix(#fff, $aspen-aura, 20%);
$aspen-aura-dark: mix(#000, $aspen-aura, 20%);
.element {
color: $aspen-aura;
box-shadow: 0 0 0 2px rgba($aspen-aura, 0.35);
}