Benannte Farbe · #AF9894
Lavenbrun
Lavenbrun ist #AF9894: rgb(175 152 148), hsl(9 14% 63%), oklch(0.699 0.028 29.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lavenbrun color name →
#AF9894
oklch(0.699 0.028 29.5)
Farbumrechnungen
- HEX
- #af9894
- RGB
- rgb(175 152 148)
- HSL
- hsl(9 14% 63%)
- HWB
- hwb(9 58% 31%)
- OKLCH
- oklch(0.699 0.028 29.5)
- OKLab
- oklab(0.699 0.024 0.014)
- CIE Lab
- lab(64.84 8.31 5.42)
- LCH
- lch(64.84 9.92 33.1)
- CMYK
- cmyk(0% 13% 15% 31%)
Tints · Shades · Tones
Tints
- B7A29E
- BFACA9
- C7B6B3
- CFC0BE
- D7CAC8
- DFD5D3
- E7DFDE
- EFEAE9
- F7F4F4
Shades
- 988480
- 81706D
- 6B5C5A
- 564A48
- 413836
- 2E2726
- 1C1716
- 0B0808
- 010101
Tones
- AA9692
- A69390
- A1918E
- 9C8E8C
- 978C8A
- 938A88
- 8E8786
- 898584
- 858282
Farbharmonien
Komplementär +180°
- AF9894
Lavenbrun
- 8BA3A8
≈ Impressionist
Analog -30° +30°
- AF9894
Lavenbrun
- AE979D
≈ Legendary Lilac
- AC9A8D
≈ Threshold Taupe
Triadisch +120° +240°
- AF9894
Lavenbrun
- 92A395
≈ Heavenly Garden
- 979EB0
≈ Screen Test
Geteilt komplementär +150° +210°
- AF9894
Lavenbrun
- 8CA49E
≈ Spruce Shade
- 8FA1AE
≈ Stormy Skies
Tetradisch +90° +180° +270°
- AF9894
Lavenbrun
- 9CA18E
≈ Meadowood
- 8BA3A8
≈ Impressionist
- A09BAE
≈ Adhesion
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.71:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.74:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.74:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--lavenbrun: #af9894;
--lavenbrun-rgb: 175 152 148;
--lavenbrun-oklch: oklch(0.699 0.028 29.5);
}
.element {
color: var(--lavenbrun);
background-color: hsl(9 14% 63%);
border-color: oklch(0.699 0.028 29.5);
}Tailwind CSS v4
@theme {
--color-lavenbrun: #af9894;
--color-lavenbrun-50: #fdf2f0;
--color-lavenbrun-100: #f1e5e2;
--color-lavenbrun-200: #e0d0cd;
--color-lavenbrun-300: #c5b2af;
--color-lavenbrun-400: #af9995;
--color-lavenbrun-500: #98807b;
--color-lavenbrun-600: #816c69;
--color-lavenbrun-700: #675653;
--color-lavenbrun-800: #4c3f3d;
--color-lavenbrun-900: #352b2a;
--color-lavenbrun-950: #201918;
}SCSS
$lavenbrun: #af9894;
$lavenbrun-rgb: 175, 152, 148;
$lavenbrun-light: mix(#fff, $lavenbrun, 20%);
$lavenbrun-dark: mix(#000, $lavenbrun, 20%);
.element {
color: $lavenbrun;
box-shadow: 0 0 0 2px rgba($lavenbrun, 0.35);
}