Benannte Farbe · #B7B7BC
Powder Dust
Powder Dust ist #B7B7BC: rgb(183 183 188), hsl(240 4% 73%), oklch(0.781 0.007 286.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Powder Dust color name →
#B7B7BC
oklch(0.781 0.007 286.2)
Farbumrechnungen
- HEX
- #b7b7bc
- RGB
- rgb(183 183 188)
- HSL
- hsl(240 4% 73%)
- HWB
- hwb(240 72% 26%)
- OKLCH
- oklch(0.781 0.007 286.2)
- OKLab
- oklab(0.781 0.002 -0.007)
- CIE Lab
- lab(74.53 0.7 -2.54)
- LCH
- lch(74.53 2.64 285.5)
- CMYK
- cmyk(3% 3% 0% 26%)
Tints · Shades · Tones
Tints
- BEBEC3
- C5C5C9
- CCCCD0
- D3D3D6
- DADADD
- E2E2E4
- E9E9EB
- F0F0F1
- F8F8F8
Shades
- 9F9FA3
- 87878B
- 707073
- 5A5A5D
- 454547
- 313132
- 1E1E1F
- 0C0C0D
- 020202
Tones
- B1B1B6
- ACACB0
- A6A6AA
- A1A1A4
- 9B9B9D
- 969697
- 909092
- 8B8B8C
- 858586
Farbharmonien
Komplementär +180°
- B7B7BC
Powder Dust
- B8B8B3
≈ Classic Silver
Analog -30° +30°
- B7B7BC
Powder Dust
- B5B8BC
≈ Let It Rain
- B9B6BB
≈ Best in Show
Triadisch +120° +240°
- B7B7BC
Powder Dust
- BCB6B4
≈ North Island
- B4B9B7
≈ Silver Mistral
Geteilt komplementär +150° +210°
- B7B7BC
Powder Dust
- BAB7B3
≈ Dusty Warrior
- B6B9B4
≈ Greystone
Tetradisch +90° +180° +270°
- B7B7BC
Powder Dust
- BCB6B6
≈ North Island
- B8B8B3
≈ Classic Silver
- B3B9B9
≈ Silver Mistral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.99:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.51:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--powder-dust: #b7b7bc;
--powder-dust-rgb: 183 183 188;
--powder-dust-oklch: oklch(0.781 0.007 286.2);
}
.element {
color: var(--powder-dust);
background-color: hsl(240 4% 73%);
border-color: oklch(0.781 0.007 286.2);
}Tailwind CSS v4
@theme {
--color-powder-dust: #b7b7bc;
--color-powder-dust-50: #f5f5f7;
--color-powder-dust-100: #e8e7ea;
--color-powder-dust-200: #d4d4d7;
--color-powder-dust-300: #b7b7bb;
--color-powder-dust-400: #9e9ea2;
--color-powder-dust-500: #85858b;
--color-powder-dust-600: #717175;
--color-powder-dust-700: #5a5a5e;
--color-powder-dust-800: #424245;
--color-powder-dust-900: #2d2e30;
--color-powder-dust-950: #1a1a1c;
}SCSS
$powder-dust: #b7b7bc;
$powder-dust-rgb: 183, 183, 188;
$powder-dust-light: mix(#fff, $powder-dust, 20%);
$powder-dust-dark: mix(#000, $powder-dust, 20%);
.element {
color: $powder-dust;
box-shadow: 0 0 0 2px rgba($powder-dust, 0.35);
}