Couleur nommée · #B7BBBB
Marseilles
Marseilles correspond à #B7BBBB : rgb(183 187 187), hsl(180 3% 73%), oklch(0.789 0.004 197.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Marseilles color name →
#B7BBBB
oklch(0.789 0.004 197.1)
Conversions de couleur
- HEX
- #b7bbbb
- RGB
- rgb(183 187 187)
- HSL
- hsl(180 3% 73%)
- HWB
- hwb(180 72% 27%)
- OKLCH
- oklch(0.789 0.004 197.1)
- OKLab
- oklab(0.789 -0.004 -0.001)
- CIE Lab
- lab(75.56 -1.44 -0.51)
- LCH
- lch(75.56 1.53 199.6)
- CMYK
- cmyk(2% 0% 0% 27%)
Teintes · Ombres · Tons
Teintes
- BEC2C2
- C5C8C8
- CCCFCF
- D3D6D6
- DADDDD
- E2E3E3
- E9EAEA
- F0F1F1
- F8F8F8
Ombres
- 9FA2A2
- 878A8A
- 707373
- 5A5C5C
- 454646
- 313232
- 1E1F1F
- 0C0D0D
- 020202
Tons
- B1B5B5
- ACAFAF
- A6A9A9
- A1A3A3
- 9B9D9D
- 969797
- 909191
- 8B8B8B
- 858686
Harmonies de couleurs
Complémentaire +180°
- B7BBBB
Marseilles
- BDB9B9
≈ Fashionable Grey
Analogue -30° +30°
- B7BBBB
Marseilles
- B8BBB9
≈ Marseilles
- B7BBBC
≈ Marseilles
Triadique +120° +240°
- B7BBBB
Marseilles
- BBB9BC
≈ Quiet Grey
- BCBAB7
≈ March Wind
Complémentaire divisée +150° +210°
- B7BBBB
Marseilles
- BCB9BB
≈ Frisky Whiskers
- BDB9B8
≈ Fashionable Grey
Tétradique +90° +180° +270°
- B7BBBB
Marseilles
- BABABD
≈ Quiet Grey
- BDB9B9
≈ Fashionable Grey
- BABAB7
≈ March Wind
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.93:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.83:1 · APCA Lc 65
Meilleure couleur de texte: #000000
WCAG 10.83:1 (AAA) · APCA Lc 65
Contrast pairs
Extraits de code
CSS
:root {
--marseilles: #b7bbbb;
--marseilles-rgb: 183 187 187;
--marseilles-oklch: oklch(0.789 0.004 197.1);
}
.element {
color: var(--marseilles);
background-color: hsl(180 3% 73%);
border-color: oklch(0.789 0.004 197.1);
}Tailwind CSS v4
@theme {
--color-marseilles: #b7bbbb;
--color-marseilles-50: #f4f5f5;
--color-marseilles-100: #e6e8e8;
--color-marseilles-200: #d2d5d5;
--color-marseilles-300: #b5b8b8;
--color-marseilles-400: #9b9f9f;
--color-marseilles-500: #838787;
--color-marseilles-600: #6f7272;
--color-marseilles-700: #595b5b;
--color-marseilles-800: #414343;
--color-marseilles-900: #2d2e2e;
--color-marseilles-950: #1a1b1b;
}SCSS
$marseilles: #b7bbbb;
$marseilles-rgb: 183, 187, 187;
$marseilles-light: mix(#fff, $marseilles, 20%);
$marseilles-dark: mix(#000, $marseilles, 20%);
.element {
color: $marseilles;
box-shadow: 0 0 0 2px rgba($marseilles, 0.35);
}