Nazwany kolor · #B7B4B1
Michigan Avenue
Michigan Avenue to #B7B4B1: rgb(183 180 177), hsl(30 4% 71%), oklch(0.771 0.005 67.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Michigan Avenue color name →
#B7B4B1
oklch(0.771 0.005 67.7)
Konwersje koloru
- HEX
- #b7b4b1
- RGB
- rgb(183 180 177)
- HSL
- hsl(30 4% 71%)
- HWB
- hwb(30 69% 28%)
- OKLCH
- oklch(0.771 0.005 67.7)
- OKLab
- oklab(0.771 0.002 0.005)
- CIE Lab
- lab(73.49 0.69 1.93)
- LCH
- lch(73.49 2.05 70.4)
- CMYK
- cmyk(0% 2% 3% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BEBBB9
- C5C3C0
- CCCAC8
- D3D1D0
- DAD9D7
- E2E0DF
- E9E8E7
- F0F0EF
- F8F7F7
Odcienie ciemniejsze
- 9F9C99
- 878583
- 706E6C
- 5A5857
- 454442
- 31302F
- 1E1D1C
- 0C0C0C
- 020201
Tony
- B1AFAC
- ACA9A7
- A6A4A2
- A19F9D
- 9B9A98
- 969493
- 908F8E
- 8B8A8A
- 858585
Harmonie kolorów
Komplementarna +180°
- B7B4B1
Michigan Avenue
- B2B5B8
≈ Online
Analogowa -30° +30°
- B7B4B1
Michigan Avenue
- B8B3B2
≈ Soft Metal
- B5B5B1
≈ Mud Pots
Triada +120° +240°
- B7B4B1
Michigan Avenue
- B1B6B5
≈ Online
- B5B4B7
≈ Silver Bullet
Komplementarna rozszczepiona +150° +210°
- B7B4B1
Michigan Avenue
- B1B5B7
≈ Online
- B4B4B8
≈ Silver Bullet
Tetrada +90° +180° +270°
- B7B4B1
Michigan Avenue
- B2B6B3
≈ Fitzgerald Smoke
- B2B5B8
≈ Online
- B7B3B6
≈ Silver Bells
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.06:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.17:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--michigan-avenue: #b7b4b1;
--michigan-avenue-rgb: 183 180 177;
--michigan-avenue-oklch: oklch(0.771 0.005 67.7);
}
.element {
color: var(--michigan-avenue);
background-color: hsl(30 4% 71%);
border-color: oklch(0.771 0.005 67.7);
}Tailwind CSS v4
@theme {
--color-michigan-avenue: #b7b4b1;
--color-michigan-avenue-50: #f6f5f3;
--color-michigan-avenue-100: #e9e7e6;
--color-michigan-avenue-200: #d6d4d2;
--color-michigan-avenue-300: #b9b7b4;
--color-michigan-avenue-400: #a19e9b;
--color-michigan-avenue-500: #898582;
--color-michigan-avenue-600: #74716e;
--color-michigan-avenue-700: #5c5a58;
--color-michigan-avenue-800: #444240;
--color-michigan-avenue-900: #2f2d2c;
--color-michigan-avenue-950: #1b1a19;
}SCSS
$michigan-avenue: #b7b4b1;
$michigan-avenue-rgb: 183, 180, 177;
$michigan-avenue-light: mix(#fff, $michigan-avenue, 20%);
$michigan-avenue-dark: mix(#000, $michigan-avenue, 20%);
.element {
color: $michigan-avenue;
box-shadow: 0 0 0 2px rgba($michigan-avenue, 0.35);
}