Nazwany kolor · #B8BCBC
French Silver
French Silver to #B8BCBC: rgb(184 188 188), hsl(180 3% 73%), oklch(0.792 0.004 197.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · French Silver color name →
#B8BCBC
oklch(0.792 0.004 197.1)
Konwersje koloru
- HEX
- #b8bcbc
- RGB
- rgb(184 188 188)
- HSL
- hsl(180 3% 73%)
- HWB
- hwb(180 72% 26%)
- OKLCH
- oklch(0.792 0.004 197.1)
- OKLab
- oklab(0.792 -0.004 -0.001)
- CIE Lab
- lab(75.92 -1.44 -0.51)
- LCH
- lch(75.92 1.53 199.6)
- CMYK
- cmyk(2% 0% 0% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFC3C3
- C6C9C9
- CDD0D0
- D4D6D6
- DBDDDD
- E2E4E4
- E9EBEB
- F0F1F1
- F8F8F8
Odcienie ciemniejsze
- A0A3A3
- 888B8B
- 717373
- 5B5D5D
- 454747
- 313232
- 1E1F1F
- 0C0D0D
- 020202
Tony
- B2B6B6
- ADB0B0
- A7AAAA
- A1A3A3
- 9C9D9D
- 969797
- 909292
- 8B8C8C
- 858686
Harmonie kolorów
Komplementarna +180°
- B8BCBC
French Silver
- BEBABA
≈ Grape Creme
Analogowa -30° +30°
- B8BCBC
French Silver
- B9BCBA
≈ Monorail Silver
- B8BCBD
≈ Gravity
Triada +120° +240°
- B8BCBC
French Silver
- BCBABD
≈ Quiet Grey
- BDBBB8
≈ Grape Creme
Komplementarna rozszczepiona +150° +210°
- B8BCBC
French Silver
- BDBABC
≈ Grape Creme
- BEBAB9
≈ Grape Creme
Tetrada +90° +180° +270°
- B8BCBC
French Silver
- BBBBBE
≈ Microchip
- BEBABA
≈ Grape Creme
- BBBBB8
≈ Gravel Fint
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.95:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--french-silver: #b8bcbc;
--french-silver-rgb: 184 188 188;
--french-silver-oklch: oklch(0.792 0.004 197.1);
}
.element {
color: var(--french-silver);
background-color: hsl(180 3% 73%);
border-color: oklch(0.792 0.004 197.1);
}Tailwind CSS v4
@theme {
--color-french-silver: #b8bcbc;
--color-french-silver-50: #f4f5f5;
--color-french-silver-100: #e6e8e8;
--color-french-silver-200: #d2d5d5;
--color-french-silver-300: #b5b8b8;
--color-french-silver-400: #9b9f9f;
--color-french-silver-500: #838787;
--color-french-silver-600: #6f7272;
--color-french-silver-700: #595b5b;
--color-french-silver-800: #414343;
--color-french-silver-900: #2d2e2e;
--color-french-silver-950: #1a1b1b;
}SCSS
$french-silver: #b8bcbc;
$french-silver-rgb: 184, 188, 188;
$french-silver-light: mix(#fff, $french-silver, 20%);
$french-silver-dark: mix(#000, $french-silver, 20%);
.element {
color: $french-silver;
box-shadow: 0 0 0 2px rgba($french-silver, 0.35);
}