Benannte Farbe · #B3B2BF
Nebulous December
Nebulous December ist #B3B2BF: rgb(179 178 191), hsl(245 9% 72%), oklch(0.768 0.018 289.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nebulous December color name →
#B3B2BF
oklch(0.768 0.018 289.5)
Farbumrechnungen
- HEX
- #b3b2bf
- RGB
- rgb(179 178 191)
- HSL
- hsl(245 9% 72%)
- HWB
- hwb(245 70% 25%)
- OKLCH
- oklch(0.768 0.018 289.5)
- OKLab
- oklab(0.768 0.006 -0.017)
- CIE Lab
- lab(72.96 2.24 -6.5)
- LCH
- lch(72.96 6.88 289)
- CMYK
- cmyk(6% 7% 0% 25%)
Tints · Shades · Tones
Tints
- BAB9C5
- C2C1CC
- C9C9D2
- D1D0D8
- D8D8DF
- E0E0E5
- E8E7EB
- EFEFF2
- F7F7F8
Shades
- 9B9AA6
- 84838D
- 6E6D75
- 58575E
- 434348
- 2F2F33
- 1D1D1F
- 0C0C0D
- 010102
Tones
- AEADB9
- A9A8B2
- A3A3AC
- 9E9EA5
- 99999F
- 949499
- 8F8F92
- 8A8A8C
- 858586
Farbharmonien
Komplementär +180°
- B3B2BF
Nebulous December
- B4B5A8
≈ Shell Walk
Analog -30° +30°
- B3B2BF
Nebulous December
- ADB4C0
≈ Chivalrous
- B9B0BB
≈ Heather Hill
Triadisch +120° +240°
- B3B2BF
Nebulous December
- BEB1AA
≈ Temperate Taupe
- A9B8B2
≈ Stratton Blue
Geteilt komplementär +150° +210°
- B3B2BF
Nebulous December
- BAB3A7
≈ Pewter Patter
- AEB7AC
≈ Blue Fescue
Tetradisch +90° +180° +270°
- B3B2BF
Nebulous December
- BFAFAF
≈ Black Shadows
- B4B5A8
≈ Shell Walk
- A7B7B8
≈ Blue Arrow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.03:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.03:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--nebulous-december: #b3b2bf;
--nebulous-december-rgb: 179 178 191;
--nebulous-december-oklch: oklch(0.768 0.018 289.5);
}
.element {
color: var(--nebulous-december);
background-color: hsl(245 9% 72%);
border-color: oklch(0.768 0.018 289.5);
}Tailwind CSS v4
@theme {
--color-nebulous-december: #b3b2bf;
--color-nebulous-december-50: #f5f4fa;
--color-nebulous-december-100: #e8e7ee;
--color-nebulous-december-200: #d4d3dc;
--color-nebulous-december-300: #b7b6c0;
--color-nebulous-december-400: #9e9da9;
--color-nebulous-december-500: #858492;
--color-nebulous-december-600: #71707b;
--color-nebulous-december-700: #5a5a63;
--color-nebulous-december-800: #424149;
--color-nebulous-december-900: #2d2d32;
--color-nebulous-december-950: #1a1a1e;
}SCSS
$nebulous-december: #b3b2bf;
$nebulous-december-rgb: 179, 178, 191;
$nebulous-december-light: mix(#fff, $nebulous-december, 20%);
$nebulous-december-dark: mix(#000, $nebulous-december, 20%);
.element {
color: $nebulous-december;
box-shadow: 0 0 0 2px rgba($nebulous-december, 0.35);
}