Benannte Farbe · #B5AB9C
Desert Dune
Desert Dune ist #B5AB9C: rgb(181 171 156), hsl(36 14% 66%), oklch(0.745 0.024 78.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Desert Dune color name →
#B5AB9C
oklch(0.745 0.024 78.2)
Farbumrechnungen
- HEX
- #b5ab9c
- RGB
- rgb(181 171 156)
- HSL
- hsl(36 14% 66%)
- HWB
- hwb(36 61% 29%)
- OKLCH
- oklch(0.745 0.024 78.2)
- OKLab
- oklab(0.745 0.005 0.023)
- CIE Lab
- lab(70.52 1.8 9.11)
- LCH
- lch(70.52 9.29 78.8)
- CMYK
- cmyk(0% 6% 14% 29%)
Tints · Shades · Tones
Tints
- BCB3A6
- C3BBAF
- CBC4B9
- D2CCC3
- D9D4CD
- E1DDD6
- E8E5E0
- F0EEEB
- F7F6F5
Shades
- 9D9487
- 867E73
- 6F685F
- 59544C
- 444039
- 302D28
- 1D1B18
- 0C0B09
- 020101
Tones
- B0A799
- AAA296
- A59E94
- 9F9A91
- 9A958E
- 95918B
- 908D88
- 8A8886
- 858483
Farbharmonien
Komplementär +180°
- B5AB9C
Desert Dune
- A3ADBC
≈ Snub
Analog -30° +30°
- B5AB9C
Desert Dune
- BAA8A0
≈ Prestige
- ADAE9D
≈ Ara Glen
Triadisch +120° +240°
- B5AB9C
Desert Dune
- 9CB1B2
≈ Aqua-Sphere
- B3A8B7
≈ Amorphous Rose
Geteilt komplementär +150° +210°
- B5AB9C
Desert Dune
- 9EB0B9
≈ Electric Slide
- ABAABB
≈ Cream Violet
Tetradisch +90° +180° +270°
- B5AB9C
Desert Dune
- 9FB2AA
≈ Garden Vista
- A3ADBC
≈ Snub
- B9A7AF
≈ Cold Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.26:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.26:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--desert-dune: #b5ab9c;
--desert-dune-rgb: 181 171 156;
--desert-dune-oklch: oklch(0.745 0.024 78.2);
}
.element {
color: var(--desert-dune);
background-color: hsl(36 14% 66%);
border-color: oklch(0.745 0.024 78.2);
}Tailwind CSS v4
@theme {
--color-desert-dune: #b5ab9c;
--color-desert-dune-50: #f9f4ee;
--color-desert-dune-100: #ece7df;
--color-desert-dune-200: #dad3c9;
--color-desert-dune-300: #beb6aa;
--color-desert-dune-400: #a69d8f;
--color-desert-dune-500: #8f8575;
--color-desert-dune-600: #797063;
--color-desert-dune-700: #615a4f;
--color-desert-dune-800: #474139;
--color-desert-dune-900: #312d27;
--color-desert-dune-950: #1d1a15;
}SCSS
$desert-dune: #b5ab9c;
$desert-dune-rgb: 181, 171, 156;
$desert-dune-light: mix(#fff, $desert-dune, 20%);
$desert-dune-dark: mix(#000, $desert-dune, 20%);
.element {
color: $desert-dune;
box-shadow: 0 0 0 2px rgba($desert-dune, 0.35);
}