Benannte Farbe · #BDB5AD
Mindful Grey
Mindful Grey ist #BDB5AD: rgb(189 181 173), hsl(30 11% 71%), oklch(0.777 0.014 67.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mindful Grey color name →
#BDB5AD
oklch(0.777 0.014 67.6)
Farbumrechnungen
- HEX
- #bdb5ad
- RGB
- rgb(189 181 173)
- HSL
- hsl(30 11% 71%)
- HWB
- hwb(30 68% 26%)
- OKLCH
- oklch(0.777 0.014 67.6)
- OKLab
- oklab(0.777 0.006 0.013)
- CIE Lab
- lab(74.18 1.89 5.15)
- LCH
- lch(74.18 5.49 69.9)
- CMYK
- cmyk(0% 4% 8% 26%)
Tints · Shades · Tones
Tints
- C3BCB5
- CAC3BD
- D0CBC5
- D7D2CD
- DED9D5
- E4E1DE
- EBE8E6
- F2F0EE
- F8F7F7
Shades
- A49D96
- 8C867F
- 746F6A
- 5D5955
- 474441
- 33302D
- 1F1D1B
- 0D0C0B
- 020201
Tones
- B7B0A8
- B0AAA4
- AAA59F
- A49F9B
- 9E9A96
- 989592
- 92908D
- 8C8A89
- 868584
Farbharmonien
Komplementär +180°
- BDB5AD
Mindful Grey
- B0B8C0
≈ Adirondack
Analog -30° +30°
- BDB5AD
Mindful Grey
- BFB4B0
≈ Pink Swan
- B9B7AD
≈ Zen Pebble
Triadisch +120° +240°
- BDB5AD
Mindful Grey
- ADBAB8
≈ Grey Tweed
- B9B4BE
≈ Ash Grove
Geteilt komplementär +150° +210°
- BDB5AD
Mindful Grey
- ADB9BD
≈ Lake Placid
- B4B6C0
≈ Cube Farm
Tetradisch +90° +180° +270°
- BDB5AD
Mindful Grey
- AFB9B3
≈ Silvermist
- B0B8C0
≈ Adirondack
- BDB3BA
≈ Future Vision
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.37:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--mindful-grey: #bdb5ad;
--mindful-grey-rgb: 189 181 173;
--mindful-grey-oklch: oklch(0.777 0.014 67.6);
}
.element {
color: var(--mindful-grey);
background-color: hsl(30 11% 71%);
border-color: oklch(0.777 0.014 67.6);
}Tailwind CSS v4
@theme {
--color-mindful-grey: #bdb5ad;
--color-mindful-grey-50: #f8f4f1;
--color-mindful-grey-100: #ebe7e3;
--color-mindful-grey-200: #d8d3ce;
--color-mindful-grey-300: #bcb6b0;
--color-mindful-grey-400: #a49d96;
--color-mindful-grey-500: #8d857c;
--color-mindful-grey-600: #777069;
--color-mindful-grey-700: #5f5a54;
--color-mindful-grey-800: #46413d;
--color-mindful-grey-900: #302d2a;
--color-mindful-grey-950: #1d1a18;
}SCSS
$mindful-grey: #bdb5ad;
$mindful-grey-rgb: 189, 181, 173;
$mindful-grey-light: mix(#fff, $mindful-grey, 20%);
$mindful-grey-dark: mix(#000, $mindful-grey, 20%);
.element {
color: $mindful-grey;
box-shadow: 0 0 0 2px rgba($mindful-grey, 0.35);
}