Benannte Farbe · #A8AAB3
Modern Lavender
Modern Lavender ist #A8AAB3: rgb(168 170 179), hsl(229 7% 68%), oklch(0.739 0.013 276). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Modern Lavender color name →
#A8AAB3
oklch(0.739 0.013 276)
Farbumrechnungen
- HEX
- #a8aab3
- RGB
- rgb(168 170 179)
- HSL
- hsl(229 7% 68%)
- HWB
- hwb(229 66% 30%)
- OKLCH
- oklch(0.739 0.013 276)
- OKLab
- oklab(0.739 0.001 -0.013)
- CIE Lab
- lab(69.66 0.58 -4.9)
- LCH
- lch(69.66 4.93 276.7)
- CMYK
- cmyk(6% 5% 0% 30%)
Tints · Shades · Tones
Tints
- B0B2BA
- B9BAC2
- C1C3C9
- CACBD1
- D3D4D8
- DBDCE0
- E4E5E8
- EDEEEF
- F6F6F7
Shades
- 92939B
- 7C7D84
- 67686E
- 525358
- 3F3F43
- 2C2D2F
- 1A1B1D
- 0A0B0C
- 010101
Tones
- A4A6AE
- A0A1A9
- 9C9DA3
- 98999E
- 949599
- 909194
- 8C8C8F
- 88888A
- 848485
Farbharmonien
Komplementär +180°
- A8AAB3
Modern Lavender
- ADABA2
≈ Downtown Grey
Analog -30° +30°
- A8AAB3
Modern Lavender
- A4ACB2
≈ Laundry Blue
- ACA9B1
≈ Sylph
Triadisch +120° +240°
- A8AAB3
Modern Lavender
- B2A8A5
≈ Matte Grey
- A4ADA7
≈ Ginkgo Green
Geteilt komplementär +150° +210°
- A8AAB3
Modern Lavender
- B0A9A2
≈ Garlic Beige
- A8ACA3
≈ Provincial
Tetradisch +90° +180° +270°
- A8AAB3
Modern Lavender
- B2A7A9
≈ Centennial Rose
- ADABA2
≈ Downtown Grey
- A2ADAC
≈ Portsmouth Bay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.06:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--modern-lavender: #a8aab3;
--modern-lavender-rgb: 168 170 179;
--modern-lavender-oklch: oklch(0.739 0.013 276);
}
.element {
color: var(--modern-lavender);
background-color: hsl(229 7% 68%);
border-color: oklch(0.739 0.013 276);
}Tailwind CSS v4
@theme {
--color-modern-lavender: #a8aab3;
--color-modern-lavender-50: #f4f5f9;
--color-modern-lavender-100: #e7e7ec;
--color-modern-lavender-200: #d3d4da;
--color-modern-lavender-300: #b5b7be;
--color-modern-lavender-400: #9c9ea6;
--color-modern-lavender-500: #83868f;
--color-modern-lavender-600: #6f7179;
--color-modern-lavender-700: #595a61;
--color-modern-lavender-800: #414247;
--color-modern-lavender-900: #2d2e31;
--color-modern-lavender-950: #1a1a1d;
}SCSS
$modern-lavender: #a8aab3;
$modern-lavender-rgb: 168, 170, 179;
$modern-lavender-light: mix(#fff, $modern-lavender, 20%);
$modern-lavender-dark: mix(#000, $modern-lavender, 20%);
.element {
color: $modern-lavender;
box-shadow: 0 0 0 2px rgba($modern-lavender, 0.35);
}