Nazwany kolor · #B8BCBD
Gravity
Gravity to #B8BCBD: rgb(184 188 189), hsl(192 4% 73%), oklch(0.792 0.005 214.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Gravity color name →
#B8BCBD
oklch(0.792 0.005 214.3)
Konwersje koloru
- HEX
- #b8bcbd
- RGB
- rgb(184 188 189)
- HSL
- hsl(192 4% 73%)
- HWB
- hwb(192 72% 26%)
- OKLCH
- oklch(0.792 0.005 214.3)
- OKLab
- oklab(0.792 -0.004 -0.003)
- CIE Lab
- lab(75.95 -1.3 -1.02)
- LCH
- lch(75.95 1.65 218.1)
- CMYK
- cmyk(3% 1% 0% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFC3C3
- C6C9CA
- CDD0D0
- D4D6D7
- DBDDDE
- E2E4E4
- E9EBEB
- F0F1F2
- F8F8F8
Odcienie ciemniejsze
- A0A3A4
- 888B8C
- 717374
- 5B5D5D
- 454747
- 313233
- 1E1F1F
- 0C0D0D
- 020202
Tony
- B2B6B7
- ADB0B0
- A7AAAA
- A1A3A4
- 9C9D9E
- 969798
- 909292
- 8B8C8C
- 858686
Harmonie kolorów
Komplementarna +180°
- B8BCBD
Gravity
- BEBAB9
≈ Grape Creme
Analogowa -30° +30°
- B8BCBD
Gravity
- B8BCBB
≈ Monorail Silver
- B9BCBE
≈ Oyster Mushroom
Triada +120° +240°
- B8BCBD
Gravity
- BDBABC
≈ Grape Creme
- BCBBB8
≈ Gravel Fint
Komplementarna rozszczepiona +150° +210°
- B8BCBD
Gravity
- BEBABB
≈ Grape Creme
- BDBBB8
≈ Grape Creme
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.96:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--gravity: #b8bcbd;
--gravity-rgb: 184 188 189;
--gravity-oklch: oklch(0.792 0.005 214.3);
}
.element {
color: var(--gravity);
background-color: hsl(192 4% 73%);
border-color: oklch(0.792 0.005 214.3);
}Tailwind CSS v4
@theme {
--color-gravity: #b8bcbd;
--color-gravity-50: #f4f5f6;
--color-gravity-100: #e6e8e9;
--color-gravity-200: #d2d5d5;
--color-gravity-300: #b5b8b9;
--color-gravity-400: #9b9fa0;
--color-gravity-500: #838788;
--color-gravity-600: #6f7273;
--color-gravity-700: #585b5c;
--color-gravity-800: #414343;
--color-gravity-900: #2c2e2e;
--color-gravity-950: #1a1b1b;
}SCSS
$gravity: #b8bcbd;
$gravity-rgb: 184, 188, 189;
$gravity-light: mix(#fff, $gravity, 20%);
$gravity-dark: mix(#000, $gravity, 20%);
.element {
color: $gravity;
box-shadow: 0 0 0 2px rgba($gravity, 0.35);
}