Màu có tên · #BDBBAD
Hurricane Haze
Hurricane Haze là #BDBBAD: rgb(189 187 173), hsl(52 11% 71%), oklch(0.79 0.019 100.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Hurricane Haze color name →
#BDBBAD
oklch(0.79 0.019 100.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3C2B5
- CAC8BD
- D0CFC5
- D7D6CD
- DEDDD5
- E4E3DE
- EBEAE6
- F2F1EE
- F8F8F7
Sắc đậm
- A4A296
- 8C8A7F
- 74736A
- 5D5C55
- 474641
- 33322D
- 1F1F1B
- 0D0D0B
- 020201
Sắc xám
- B7B5A8
- B0AFA4
- AAA99F
- A4A39B
- 9E9D96
- 989792
- 92918D
- 8C8B89
- 868684
Hòa sắc
Bổ túc +180°
- BDBBAD
Hurricane Haze
- B8B9C7
≈ Cosmic
Tương đồng -30° +30°
- BDBBAD
Hurricane Haze
- C3B9AD
≈ Moonbeam
- B6BDB0
≈ Cedar Mill
Bộ ba +120° +240°
- BDBBAD
Hurricane Haze
- AEBEC3
≈ Arctic Feelings
- C4B6BE
≈ Lavender Sand
Bổ túc chia +150° +210°
- BDBBAD
Hurricane Haze
- B1BCC7
≈ Spirit
- BEB7C4
≈ Pocketful of Posies
Bộ bốn +90° +180° +270°
- BDBBAD
Hurricane Haze
- ADBFBD
≈ Morning Parlour
- B8B9C7
≈ Cosmic
- C7B6B7
≈ Grey Rose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.93:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.87:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}