Color con nombre · #BFBDC1
French Grey
French Grey es #BFBDC1: rgb(191 189 193), hsl(270 3% 75%), oklch(0.801 0.006 308.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · French Grey color name →
#BFBDC1
oklch(0.801 0.006 308.4)
Conversiones de color
- HEX
- #bfbdc1
- RGB
- rgb(191 189 193)
- HSL
- hsl(270 3% 75%)
- HWB
- hwb(270 74% 24%)
- OKLCH
- oklch(0.801 0.006 308.4)
- OKLab
- oklab(0.801 0.004 -0.005)
- CIE Lab
- lab(76.86 1.28 -1.76)
- LCH
- lch(76.86 2.18 305.9)
- CMYK
- cmyk(1% 2% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- C5C3C7
- CCCACD
- D2D0D3
- D8D7D9
- DFDEE0
- E5E4E6
- EBEBEC
- F2F2F2
- F8F8F9
Sombras
- A6A4A7
- 8D8C8F
- 757477
- 5E5D5F
- 484749
- 333334
- 1F1F20
- 0D0D0E
- 020202
Tonos
- B8B7BA
- B2B0B4
- ACAAAD
- A5A4A6
- 9F9EA0
- 999899
- 929293
- 8C8C8D
- 868686
Armonías de color
Complementario +180°
- BFBDC1
French Grey
- BDBFBB
≈ Urban Sunrise
Análogo -30° +30°
- BFBDC1
French Grey
- BDBEC2
≈ Rocket Man
- C1BDBF
≈ French Grey
Triádico +120° +240°
- BFBDC1
French Grey
- C1BDBA
≈ Grey Shadows
- BABFBF
≈ Wheels Up!
Complementario dividido +150° +210°
- BFBDC1
French Grey
- BFBEBA
≈ Urban Sunrise
- BBBFBD
≈ Metal
Tetrádico +90° +180° +270°
- BFBDC1
French Grey
- C2BDBB
≈ Grey Shadows
- BDBFBB
≈ Urban Sunrise
- BABFC1
≈ Grey Frost
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.26:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--french-grey: #bfbdc1;
--french-grey-rgb: 191 189 193;
--french-grey-oklch: oklch(0.801 0.006 308.4);
}
.element {
color: var(--french-grey);
background-color: hsl(270 3% 75%);
border-color: oklch(0.801 0.006 308.4);
}Tailwind CSS v4
@theme {
--color-french-grey: #bfbdc1;
--color-french-grey-50: #f6f5f6;
--color-french-grey-100: #e8e7e9;
--color-french-grey-200: #d5d3d6;
--color-french-grey-300: #b8b6ba;
--color-french-grey-400: #9f9da1;
--color-french-grey-500: #878589;
--color-french-grey-600: #727174;
--color-french-grey-700: #5b5a5d;
--color-french-grey-800: #434244;
--color-french-grey-900: #2e2d2f;
--color-french-grey-950: #1b1a1b;
}SCSS
$french-grey: #bfbdc1;
$french-grey-rgb: 191, 189, 193;
$french-grey-light: mix(#fff, $french-grey, 20%);
$french-grey-dark: mix(#000, $french-grey, 20%);
.element {
color: $french-grey;
box-shadow: 0 0 0 2px rgba($french-grey, 0.35);
}