Nazwany kolor · #B1AB9A
Mountain Shade
Mountain Shade to #B1AB9A: rgb(177 171 154), hsl(44 13% 65%), oklch(0.741 0.025 90.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mountain Shade color name →
#B1AB9A
oklch(0.741 0.025 90.8)
Konwersje koloru
- HEX
- #b1ab9a
- RGB
- rgb(177 171 154)
- HSL
- hsl(44 13% 65%)
- HWB
- hwb(44 60% 31%)
- OKLCH
- oklch(0.741 0.025 90.8)
- OKLab
- oklab(0.741 0 0.025)
- CIE Lab
- lab(70.13 0.02 9.6)
- LCH
- lch(70.13 9.6 89.9)
- CMYK
- cmyk(0% 3% 13% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9B3A4
- C0BBAE
- C8C4B7
- D0CCC1
- D7D4CB
- DFDDD6
- E7E5E0
- EFEEEA
- F7F6F5
Odcienie ciemniejsze
- 999485
- 837E71
- 6C685E
- 57544B
- 424039
- 2F2D27
- 1C1B17
- 0C0B09
- 010101
Tony
- ACA797
- A7A295
- A29E92
- 9D9A90
- 98958D
- 93918A
- 8E8D88
- 8A8885
- 858483
Harmonie kolorów
Komplementarna +180°
- B1AB9A
Mountain Shade
- A5ABBB
≈ Snub
Analogowa -30° +30°
- B1AB9A
Mountain Shade
- B7A89C
≈ Runelord Brass
- A9AE9D
≈ Mountain Lichen
Triada +120° +240°
- B1AB9A
Mountain Shade
- 9AB0B4
≈ Aqua-Sphere
- B5A6B3
≈ Plum Frost
Komplementarna rozszczepiona +150° +210°
- B1AB9A
Mountain Shade
- 9EAEBA
≈ How Handsome
- AEA8B9
≈ Morning Mist Grey
Tetrada +90° +180° +270°
- B1AB9A
Mountain Shade
- 9BB1AC
≈ Grey Morning
- A5ABBB
≈ Snub
- BAA5AA
≈ Magical Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.16:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-shade: #b1ab9a;
--mountain-shade-rgb: 177 171 154;
--mountain-shade-oklch: oklch(0.741 0.025 90.8);
}
.element {
color: var(--mountain-shade);
background-color: hsl(44 13% 65%);
border-color: oklch(0.741 0.025 90.8);
}Tailwind CSS v4
@theme {
--color-mountain-shade: #b1ab9a;
--color-mountain-shade-50: #f7f5ed;
--color-mountain-shade-100: #ebe8df;
--color-mountain-shade-200: #d8d4c9;
--color-mountain-shade-300: #bcb7a9;
--color-mountain-shade-400: #a49e8e;
--color-mountain-shade-500: #8c8674;
--color-mountain-shade-600: #777162;
--color-mountain-shade-700: #5f5b4e;
--color-mountain-shade-800: #464239;
--color-mountain-shade-900: #302e27;
--color-mountain-shade-950: #1d1a15;
}SCSS
$mountain-shade: #b1ab9a;
$mountain-shade-rgb: 177, 171, 154;
$mountain-shade-light: mix(#fff, $mountain-shade, 20%);
$mountain-shade-dark: mix(#000, $mountain-shade, 20%);
.element {
color: $mountain-shade;
box-shadow: 0 0 0 2px rgba($mountain-shade, 0.35);
}