Màu có tên · #BFC4C9
Bottlefly Wings
Bottlefly Wings là #BFC4C9: rgb(191 196 201), hsl(210 8% 77%), oklch(0.818 0.009 247.9). 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? → · Bottlefly Wings color name →
#BFC4C9
oklch(0.818 0.009 247.9)
Chuyển đổi màu
- HEX
- #bfc4c9
- RGB
- rgb(191 196 201)
- HSL
- hsl(210 8% 77%)
- HWB
- hwb(210 75% 21%)
- OKLCH
- oklch(0.818 0.009 247.9)
- OKLab
- oklab(0.818 -0.003 -0.008)
- CIE Lab
- lab(78.87 -1.08 -3.15)
- LCH
- lch(78.87 3.33 251.1)
- CMYK
- cmyk(5% 2% 0% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5CACE
- CCD0D4
- D2D5D9
- D8DBDE
- DFE1E4
- E5E7E9
- EBEDEF
- F2F3F4
- F8F9F9
Sắc đậm
- A6AAAE
- 8D9195
- 75787C
- 5E6164
- 484A4C
- 333536
- 1F2122
- 0D0E0F
- 020202
Sắc xám
- B9BDC1
- B2B6BA
- ACAFB2
- A5A8AB
- 9FA1A4
- 999B9C
- 929495
- 8C8D8E
- 868787
Hòa sắc
Bổ túc +180°
- BFC4C9
Bottlefly Wings
- C7C2BD
≈ Dim
Tương đồng -30° +30°
- BFC4C9
Bottlefly Wings
- BDC5C7
≈ Icicles
- C2C3C9
≈ Pico Metal
Bộ ba +120° +240°
- BFC4C9
Bottlefly Wings
- C9C1C2
≈ White Flag
- C2C5BE
≈ Nickel Plate
Bổ túc chia +150° +210°
- BFC4C9
Bottlefly Wings
- C9C2BF
≈ White Flag
- C5C3BD
≈ Grey Nickel
Bộ bốn +90° +180° +270°
- BFC4C9
Bottlefly Wings
- C7C1C5
≈ Such Melodrama
- C7C2BD
≈ Dim
- BFC5C1
≈ Pewter Tray
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.95:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--bottlefly-wings: #bfc4c9;
--bottlefly-wings-rgb: 191 196 201;
--bottlefly-wings-oklch: oklch(0.818 0.009 247.9);
}
.element {
color: var(--bottlefly-wings);
background-color: hsl(210 8% 77%);
border-color: oklch(0.818 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-bottlefly-wings: #bfc4c9;
--color-bottlefly-wings-50: #f3f5f8;
--color-bottlefly-wings-100: #e6e8eb;
--color-bottlefly-wings-200: #d1d4d8;
--color-bottlefly-wings-300: #b4b8bc;
--color-bottlefly-wings-400: #9a9fa4;
--color-bottlefly-wings-500: #82878c;
--color-bottlefly-wings-600: #6e7276;
--color-bottlefly-wings-700: #585b5f;
--color-bottlefly-wings-800: #404345;
--color-bottlefly-wings-900: #2c2e30;
--color-bottlefly-wings-950: #191b1c;
}SCSS
$bottlefly-wings: #bfc4c9;
$bottlefly-wings-rgb: 191, 196, 201;
$bottlefly-wings-light: mix(#fff, $bottlefly-wings, 20%);
$bottlefly-wings-dark: mix(#000, $bottlefly-wings, 20%);
.element {
color: $bottlefly-wings;
box-shadow: 0 0 0 2px rgba($bottlefly-wings, 0.35);
}