Nazwany kolor · #8B8770
Mossy Bank
Mossy Bank to #8B8770: rgb(139 135 112), hsl(51 11% 49%), oklch(0.62 0.034 99.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mossy Bank color name →
#8B8770
oklch(0.62 0.034 99.1)
Konwersje koloru
- HEX
- #8b8770
- RGB
- rgb(139 135 112)
- HSL
- hsl(51 11% 49%)
- HWB
- hwb(51 44% 45%)
- OKLCH
- oklch(0.62 0.034 99.1)
- OKLab
- oklab(0.62 -0.005 0.033)
- CIE Lab
- lab(56.18 -1.47 12.99)
- LCH
- lch(56.18 13.07 96.4)
- CMYK
- cmyk(0% 3% 19% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96927D
- A19E8B
- ACAA99
- B8B5A7
- C3C1B5
- CFCDC4
- DBDAD2
- E7E6E1
- F3F2F0
Odcienie ciemniejsze
- 787560
- 666351
- 545143
- 434135
- 323127
- 23211A
- 14130E
- 070604
- 010101
Tony
- 8A8672
- 898673
- 888575
- 878477
- 858478
- 84837A
- 83827B
- 82817D
- 81817E
Harmonie kolorów
Komplementarna +180°
- 8B8770
Mossy Bank
- 81859B
≈ Blue Jasmine
Analogowa -30° +30°
- 8B8770
Mossy Bank
- 948371
≈ Hunt Club Brown
- 808B75
≈ Canaletto
Triada +120° +240°
- 8B8770
Mossy Bank
- 708C94
≈ Baritone
- 957F8D
≈ Plum Swirl
Komplementarna rozszczepiona +150° +210°
- 8B8770
Mossy Bank
- 77889A
≈ Somnambulist
- 8C8196
≈ Violet Vibes
Tetrada +90° +180° +270°
- 8B8770
Mossy Bank
- 708D8A
≈ Gumbo
- 81859B
≈ Blue Jasmine
- 997E82
≈ Twilight Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.62:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.79:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--mossy-bank: #8b8770;
--mossy-bank-rgb: 139 135 112;
--mossy-bank-oklch: oklch(0.62 0.034 99.1);
}
.element {
color: var(--mossy-bank);
background-color: hsl(51 11% 49%);
border-color: oklch(0.62 0.034 99.1);
}Tailwind CSS v4
@theme {
--color-mossy-bank: #8b8770;
--color-mossy-bank-50: #f7f6eb;
--color-mossy-bank-100: #eae8dc;
--color-mossy-bank-200: #d7d5c5;
--color-mossy-bank-300: #bbb8a5;
--color-mossy-bank-400: #a39f89;
--color-mossy-bank-500: #8b876e;
--color-mossy-bank-600: #76725d;
--color-mossy-bank-700: #5e5b4a;
--color-mossy-bank-800: #454335;
--color-mossy-bank-900: #302e24;
--color-mossy-bank-950: #1c1b13;
}SCSS
$mossy-bank: #8b8770;
$mossy-bank-rgb: 139, 135, 112;
$mossy-bank-light: mix(#fff, $mossy-bank, 20%);
$mossy-bank-dark: mix(#000, $mossy-bank, 20%);
.element {
color: $mossy-bank;
box-shadow: 0 0 0 2px rgba($mossy-bank, 0.35);
}