Màu có tên · #BBBFC3
Silver Lined
Silver Lined là #BBBFC3: rgb(187 191 195), hsl(210 6% 75%), oklch(0.803 0.007 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? → · Silver Lined color name →
#BBBFC3
oklch(0.803 0.007 247.9)
Chuyển đổi màu
- HEX
- #bbbfc3
- RGB
- rgb(187 191 195)
- HSL
- hsl(210 6% 75%)
- HWB
- hwb(210 73% 24%)
- OKLCH
- oklch(0.803 0.007 247.9)
- OKLab
- oklab(0.803 -0.003 -0.007)
- CIE Lab
- lab(77.11 -0.87 -2.53)
- LCH
- lch(77.11 2.68 251)
- CMYK
- cmyk(4% 2% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C2C5C9
- C8CCCF
- CFD2D5
- D6D8DB
- DDDFE1
- E3E5E7
- EAEBED
- F1F2F3
- F8F8F9
Sắc đậm
- A2A6A9
- 8A8D90
- 737578
- 5C5E60
- 46484A
- 323334
- 1F1F20
- 0D0D0E
- 020202
Sắc xám
- B5B8BC
- AFB2B5
- A9ACAE
- A3A5A8
- 9D9FA1
- 97999A
- 919294
- 8B8C8D
- 868686
Hòa sắc
Bổ túc +180°
- BBBFC3
Silver Lined
- C2BEBA
≈ Noble Grey
Tương đồng -30° +30°
- BBBFC3
Silver Lined
- BAC0C2
≈ Skyline Steel
- BDBEC3
≈ Rocket Man
Bộ ba +120° +240°
- BBBFC3
Silver Lined
- C3BDBE
≈ Wallis
- BDBFBB
≈ Urban Sunrise
Bổ túc chia +150° +210°
- BBBFC3
Silver Lined
- C3BDBB
≈ Hush
- C0BFB9
≈ Noble Grey
Bộ bốn +90° +180° +270°
- BBBFC3
Silver Lined
- C2BDC0
≈ Inuit Ice
- C2BEBA
≈ Noble Grey
- BBC0BD
≈ Metal
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.84:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.35:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--silver-lined: #bbbfc3;
--silver-lined-rgb: 187 191 195;
--silver-lined-oklch: oklch(0.803 0.007 247.9);
}
.element {
color: var(--silver-lined);
background-color: hsl(210 6% 75%);
border-color: oklch(0.803 0.007 247.9);
}Tailwind CSS v4
@theme {
--color-silver-lined: #bbbfc3;
--color-silver-lined-50: #f4f5f7;
--color-silver-lined-100: #e6e8ea;
--color-silver-lined-200: #d2d4d7;
--color-silver-lined-300: #b5b8bb;
--color-silver-lined-400: #9b9fa2;
--color-silver-lined-500: #82878b;
--color-silver-lined-600: #6e7275;
--color-silver-lined-700: #585b5e;
--color-silver-lined-800: #404345;
--color-silver-lined-900: #2c2e2f;
--color-silver-lined-950: #191b1c;
}SCSS
$silver-lined: #bbbfc3;
$silver-lined-rgb: 187, 191, 195;
$silver-lined-light: mix(#fff, $silver-lined, 20%);
$silver-lined-dark: mix(#000, $silver-lined, 20%);
.element {
color: $silver-lined;
box-shadow: 0 0 0 2px rgba($silver-lined, 0.35);
}