Cor nomeada · #BBBFC3
Silver Lined
Silver Lined é #BBBFC3: rgb(187 191 195), hsl(210 6% 75%), oklch(0.803 0.007 247.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silver Lined color name →
#BBBFC3
oklch(0.803 0.007 247.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C2C5C9
- C8CCCF
- CFD2D5
- D6D8DB
- DDDFE1
- E3E5E7
- EAEBED
- F1F2F3
- F8F8F9
Sombras
- A2A6A9
- 8A8D90
- 737578
- 5C5E60
- 46484A
- 323334
- 1F1F20
- 0D0D0E
- 020202
Tons
- B5B8BC
- AFB2B5
- A9ACAE
- A3A5A8
- 9D9FA1
- 97999A
- 919294
- 8B8C8D
- 868686
Harmonias de cor
Complementar +180°
- BBBFC3
Silver Lined
- C2BEBA
≈ Noble Grey
Análoga -30° +30°
- BBBFC3
Silver Lined
- BAC0C2
≈ Skyline Steel
- BDBEC3
≈ Rocket Man
Tríade +120° +240°
- BBBFC3
Silver Lined
- C3BDBE
≈ Wallis
- BDBFBB
≈ Urban Sunrise
Complementar dividida +150° +210°
- BBBFC3
Silver Lined
- C3BDBB
≈ Hush
- C0BFB9
≈ Noble Grey
Tétrade +90° +180° +270°
- BBBFC3
Silver Lined
- C2BDC0
≈ Inuit Ice
- C2BEBA
≈ Noble Grey
- BBC0BD
≈ Metal
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.35:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
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);
}