Colore con nome · #BDBBAD
Hurricane Haze
Hurricane Haze è #BDBBAD: rgb(189 187 173), hsl(52 11% 71%), oklch(0.79 0.019 100.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hurricane Haze color name →
#BDBBAD
oklch(0.79 0.019 100.2)
Conversioni di colore
- HEX
- #bdbbad
- RGB
- rgb(189 187 173)
- HSL
- hsl(52 11% 71%)
- HWB
- hwb(52 68% 26%)
- OKLCH
- oklch(0.79 0.019 100.2)
- OKLab
- oklab(0.79 -0.003 0.019)
- CIE Lab
- lab(75.75 -1.12 7.38)
- LCH
- lch(75.75 7.47 98.6)
- CMYK
- cmyk(0% 1% 8% 26%)
Tinte · Ombre · Toni
Tinte
- C3C2B5
- CAC8BD
- D0CFC5
- D7D6CD
- DEDDD5
- E4E3DE
- EBEAE6
- F2F1EE
- F8F8F7
Ombre
- A4A296
- 8C8A7F
- 74736A
- 5D5C55
- 474641
- 33322D
- 1F1F1B
- 0D0D0B
- 020201
Toni
- B7B5A8
- B0AFA4
- AAA99F
- A4A39B
- 9E9D96
- 989792
- 92918D
- 8C8B89
- 868684
Armonie di colore
Complementare +180°
- BDBBAD
Hurricane Haze
- B8B9C7
≈ Cosmic
Analogo -30° +30°
- BDBBAD
Hurricane Haze
- C3B9AD
≈ Moonbeam
- B6BDB0
≈ Cedar Mill
Triadico +120° +240°
- BDBBAD
Hurricane Haze
- AEBEC3
≈ Arctic Feelings
- C4B6BE
≈ Lavender Sand
Complementare divisa +150° +210°
- BDBBAD
Hurricane Haze
- B1BCC7
≈ Spirit
- BEB7C4
≈ Pocketful of Posies
Tetradico +90° +180° +270°
- BDBBAD
Hurricane Haze
- ADBFBD
≈ Morning Parlour
- B8B9C7
≈ Cosmic
- C7B6B7
≈ Grey Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.93:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.87:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--hurricane-haze: #bdbbad;
--hurricane-haze-rgb: 189 187 173;
--hurricane-haze-oklch: oklch(0.79 0.019 100.2);
}
.element {
color: var(--hurricane-haze);
background-color: hsl(52 11% 71%);
border-color: oklch(0.79 0.019 100.2);
}Tailwind CSS v4
@theme {
--color-hurricane-haze: #bdbbad;
--color-hurricane-haze-50: #f6f5ef;
--color-hurricane-haze-100: #e9e8e1;
--color-hurricane-haze-200: #d6d5cb;
--color-hurricane-haze-300: #b9b8ad;
--color-hurricane-haze-400: #a19f92;
--color-hurricane-haze-500: #898778;
--color-hurricane-haze-600: #747266;
--color-hurricane-haze-700: #5d5b51;
--color-hurricane-haze-800: #44433b;
--color-hurricane-haze-900: #2f2e28;
--color-hurricane-haze-950: #1b1b16;
}SCSS
$hurricane-haze: #bdbbad;
$hurricane-haze-rgb: 189, 187, 173;
$hurricane-haze-light: mix(#fff, $hurricane-haze, 20%);
$hurricane-haze-dark: mix(#000, $hurricane-haze, 20%);
.element {
color: $hurricane-haze;
box-shadow: 0 0 0 2px rgba($hurricane-haze, 0.35);
}