Colore con nome · #B7B2C2
Evening Haze
Evening Haze è #B7B2C2: rgb(183 178 194), hsl(259 12% 73%), oklch(0.773 0.023 300.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Evening Haze color name →
#B7B2C2
oklch(0.773 0.023 300.1)
Conversioni di colore
- HEX
- #b7b2c2
- RGB
- rgb(183 178 194)
- HSL
- hsl(259 12% 73%)
- HWB
- hwb(259 70% 24%)
- OKLCH
- oklch(0.773 0.023 300.1)
- OKLab
- oklab(0.773 0.012 -0.02)
- CIE Lab
- lab(73.36 4.11 -7.5)
- LCH
- lch(73.36 8.55 298.7)
- CMYK
- cmyk(6% 8% 0% 24%)
Tinte · Ombre · Toni
Tinte
- BEB9C8
- C5C1CE
- CCC9D4
- D3D0DA
- DAD8E0
- E2E0E6
- E9E7EC
- F0EFF3
- F8F7F9
Ombre
- 9F9AA8
- 87838F
- 706D77
- 5A5760
- 454349
- 312F34
- 1E1D20
- 0C0C0E
- 020102
Toni
- B1ADBB
- ACA8B4
- A6A3AE
- A19EA7
- 9B99A0
- 96949A
- 908F93
- 8B8A8D
- 858586
Armonie di colore
Complementare +180°
- B7B2C2
Evening Haze
- B3B7A7
≈ Antique Coin
Analogo -30° +30°
- B7B2C2
Evening Haze
- AFB5C4
≈ Spacious Sky
- BEB0BC
≈ Velvet Dawn
Triadico +120° +240°
- B7B2C2
Evening Haze
- C1B2A7
≈ Smokestack
- A6BAB5
≈ Lucinda
Complementare divisa +150° +210°
- B7B2C2
Evening Haze
- BBB5A5
≈ Wells Grey
- ABB9AD
≈ Quiet Teal
Tetradico +90° +180° +270°
- B7B2C2
Evening Haze
- C3B0AC
≈ Versailles Rose
- B3B7A7
≈ Antique Coin
- A5B9BD
≈ Hopeful Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.16:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--evening-haze: #b7b2c2;
--evening-haze-rgb: 183 178 194;
--evening-haze-oklch: oklch(0.773 0.023 300.1);
}
.element {
color: var(--evening-haze);
background-color: hsl(259 12% 73%);
border-color: oklch(0.773 0.023 300.1);
}Tailwind CSS v4
@theme {
--color-evening-haze: #b7b2c2;
--color-evening-haze-50: #f6f4fb;
--color-evening-haze-100: #e9e6ee;
--color-evening-haze-200: #d6d2dd;
--color-evening-haze-300: #b9b5c2;
--color-evening-haze-400: #a09caa;
--color-evening-haze-500: #888394;
--color-evening-haze-600: #736f7d;
--color-evening-haze-700: #5c5964;
--color-evening-haze-800: #43414a;
--color-evening-haze-900: #2e2d33;
--color-evening-haze-950: #1b1a1f;
}SCSS
$evening-haze: #b7b2c2;
$evening-haze-rgb: 183, 178, 194;
$evening-haze-light: mix(#fff, $evening-haze, 20%);
$evening-haze-dark: mix(#000, $evening-haze, 20%);
.element {
color: $evening-haze;
box-shadow: 0 0 0 2px rgba($evening-haze, 0.35);
}