Color con nombre · #BBBBC1
Mithril Silver
Mithril Silver es #BBBBC1: rgb(187 187 193), hsl(240 5% 75%), oklch(0.794 0.008 286.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Mithril Silver color name →
#BBBBC1
oklch(0.794 0.008 286.2)
Conversiones de color
- HEX
- #bbbbc1
- RGB
- rgb(187 187 193)
- HSL
- hsl(240 5% 75%)
- HWB
- hwb(240 73% 24%)
- OKLCH
- oklch(0.794 0.008 286.2)
- OKLab
- oklab(0.794 0.002 -0.008)
- CIE Lab
- lab(76.02 0.84 -3.04)
- LCH
- lch(76.02 3.16 285.5)
- CMYK
- cmyk(3% 3% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- C2C2C7
- C8C8CD
- CFCFD3
- D6D6D9
- DDDDE0
- E3E3E6
- EAEAEC
- F1F1F2
- F8F8F9
Sombras
- A2A2A7
- 8A8A8F
- 737377
- 5C5C5F
- 464649
- 323234
- 1F1F20
- 0D0D0E
- 020202
Tonos
- B5B5BA
- AFAFB4
- A9A9AD
- A3A3A6
- 9D9DA0
- 979799
- 919193
- 8B8B8D
- 868686
Armonías de color
Complementario +180°
- BBBBC1
Mithril Silver
- BCBCB6
≈ Argos
Análogo -30° +30°
- BBBBC1
Mithril Silver
- B8BCC1
≈ Microchip
- BEBABF
≈ Red Lilac Purple
Triádico +120° +240°
- BBBBC1
Mithril Silver
- C1BAB7
≈ Japanese Poet
- B7BDBA
≈ Quiet Time
Complementario dividido +150° +210°
- BBBBC1
Mithril Silver
- BFBBB6
≈ Argos
- B9BDB8
≈ Solstice
Tetrádico +90° +180° +270°
- BBBBC1
Mithril Silver
- C1BABA
≈ Grape Creme
- BCBCB6
≈ Argos
- B6BDBD
≈ French Silver
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 10.99:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--mithril-silver: #bbbbc1;
--mithril-silver-rgb: 187 187 193;
--mithril-silver-oklch: oklch(0.794 0.008 286.2);
}
.element {
color: var(--mithril-silver);
background-color: hsl(240 5% 75%);
border-color: oklch(0.794 0.008 286.2);
}Tailwind CSS v4
@theme {
--color-mithril-silver: #bbbbc1;
--color-mithril-silver-50: #f5f5f7;
--color-mithril-silver-100: #e7e7ea;
--color-mithril-silver-200: #d4d4d8;
--color-mithril-silver-300: #b7b7bb;
--color-mithril-silver-400: #9e9ea3;
--color-mithril-silver-500: #85858c;
--color-mithril-silver-600: #717176;
--color-mithril-silver-700: #5a5a5e;
--color-mithril-silver-800: #424245;
--color-mithril-silver-900: #2d2e30;
--color-mithril-silver-950: #1a1a1c;
}SCSS
$mithril-silver: #bbbbc1;
$mithril-silver-rgb: 187, 187, 193;
$mithril-silver-light: mix(#fff, $mithril-silver, 20%);
$mithril-silver-dark: mix(#000, $mithril-silver, 20%);
.element {
color: $mithril-silver;
box-shadow: 0 0 0 2px rgba($mithril-silver, 0.35);
}