Nazwany kolor · #B4B6AD
Old Grey Mare
Old Grey Mare to #B4B6AD: rgb(180 182 173), hsl(73 6% 70%), oklch(0.772 0.013 116.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Old Grey Mare color name →
#B4B6AD
oklch(0.772 0.013 116.9)
Konwersje koloru
- HEX
- #b4b6ad
- RGB
- rgb(180 182 173)
- HSL
- hsl(73 6% 70%)
- HWB
- hwb(73 68% 29%)
- OKLCH
- oklch(0.772 0.013 116.9)
- OKLab
- oklab(0.772 -0.006 0.011)
- CIE Lab
- lab(73.69 -1.96 4.34)
- LCH
- lch(73.69 4.76 114.3)
- CMYK
- cmyk(1% 0% 5% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BBBDB5
- C3C4BD
- CACBC5
- D1D3CD
- D9DAD5
- E0E1DE
- E8E9E6
- F0F0EE
- F7F8F7
Odcienie ciemniejsze
- 9C9E96
- 85867F
- 6E6F6A
- 585955
- 444441
- 30302D
- 1D1D1B
- 0C0C0B
- 020201
Tony
- AFB0A8
- A9ABA4
- A4A59F
- 9FA09B
- 9A9B96
- 949592
- 8F908D
- 8A8B89
- 858584
Harmonie kolorów
Komplementarna +180°
- B4B6AD
Old Grey Mare
- B5B3BC
≈ Coveted Gem
Analogowa -30° +30°
- B4B6AD
Old Grey Mare
- B8B4AC
≈ Ashes
- B0B7B0
≈ Silvermist
Triada +120° +240°
- B4B6AD
Old Grey Mare
- AEB6BC
≈ Elliott Bay
- BCB2B5
≈ Fairy Bubbles
Komplementarna rozszczepiona +150° +210°
- B4B6AD
Old Grey Mare
- B1B5BD
≈ Cube Farm
- B9B2B9
≈ Titmouse Grey
Tetrada +90° +180° +270°
- B4B6AD
Old Grey Mare
- ACB7B9
≈ Smoke Cloud
- B5B3BC
≈ Coveted Gem
- BDB2B0
≈ Mouse Trap
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.05:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.23:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.23:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--old-grey-mare: #b4b6ad;
--old-grey-mare-rgb: 180 182 173;
--old-grey-mare-oklch: oklch(0.772 0.013 116.9);
}
.element {
color: var(--old-grey-mare);
background-color: hsl(73 6% 70%);
border-color: oklch(0.772 0.013 116.9);
}Tailwind CSS v4
@theme {
--color-old-grey-mare: #b4b6ad;
--color-old-grey-mare-50: #f5f6f2;
--color-old-grey-mare-100: #e7e8e4;
--color-old-grey-mare-200: #d3d5cf;
--color-old-grey-mare-300: #b6b8b1;
--color-old-grey-mare-400: #9e9f97;
--color-old-grey-mare-500: #85877e;
--color-old-grey-mare-600: #71736b;
--color-old-grey-mare-700: #5a5c55;
--color-old-grey-mare-800: #42433e;
--color-old-grey-mare-900: #2e2e2b;
--color-old-grey-mare-950: #1a1b18;
}SCSS
$old-grey-mare: #b4b6ad;
$old-grey-mare-rgb: 180, 182, 173;
$old-grey-mare-light: mix(#fff, $old-grey-mare, 20%);
$old-grey-mare-dark: mix(#000, $old-grey-mare, 20%);
.element {
color: $old-grey-mare;
box-shadow: 0 0 0 2px rgba($old-grey-mare, 0.35);
}