Nazwany kolor · #7E6C44
Mossy Shade
Mossy Shade to #7E6C44: rgb(126 108 68), hsl(41 30% 38%), oklch(0.539 0.061 86.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Mossy Shade color name →
#7E6C44
oklch(0.539 0.061 86.2)
Konwersje koloru
- HEX
- #7e6c44
- RGB
- rgb(126 108 68)
- HSL
- hsl(41 30% 38%)
- HWB
- hwb(41 27% 51%)
- OKLCH
- oklch(0.539 0.061 86.2)
- OKLab
- oklab(0.539 0.004 0.061)
- CIE Lab
- lab(46.64 3.05 25.1)
- LCH
- lch(46.64 25.28 83.1)
- CMYK
- cmyk(0% 14% 46% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A7A56
- 978868
- A3967A
- B0A48C
- BDB39E
- CAC2B1
- D7D1C4
- E4E0D8
- F1EFEB
Odcienie ciemniejsze
- 6D5D3A
- 5C4E30
- 4C4026
- 3C321D
- 2D2514
- 1F190C
- 110D05
- 050402
- 010000
Tony
- 7E6E4B
- 7E7051
- 7F7257
- 7F745D
- 7F7663
- 7F7869
- 807A6F
- 807C75
- 807E7A
Harmonie kolorów
Komplementarna +180°
- 7E6C44
Mossy Shade
- 5E6E92
≈ Haunt Mist
Analogowa -30° +30°
- 7E6C44
Mossy Shade
- 8A654B
≈ Burnished Brandy
- 6C7349
≈ Oakmoss
Triada +120° +240°
- 7E6C44
Mossy Shade
- 3F7980
≈ Grand Canal
- 816281
≈ Orchid Orchestra
Komplementarna rozszczepiona +150° +210°
- 7E6C44
Mossy Shade
- 4A748D
≈ Metallic Blue
- 71678E
≈ Purple Grapes
Tetrada +90° +180° +270°
- 7E6C44
Mossy Shade
- 457A6D
≈ Hooker’s Green
- 5E6E92
≈ Haunt Mist
- 8B5F6F
≈ Glazed Ringlet
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.10:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.11:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--mossy-shade: #7e6c44;
--mossy-shade-rgb: 126 108 68;
--mossy-shade-oklch: oklch(0.539 0.061 86.2);
}
.element {
color: var(--mossy-shade);
background-color: hsl(41 30% 38%);
border-color: oklch(0.539 0.061 86.2);
}Tailwind CSS v4
@theme {
--color-mossy-shade: #7e6c44;
--color-mossy-shade-50: #fcf5e2;
--color-mossy-shade-100: #f0e7d1;
--color-mossy-shade-200: #dfd3b7;
--color-mossy-shade-300: #c4b694;
--color-mossy-shade-400: #ae9c75;
--color-mossy-shade-500: #988456;
--color-mossy-shade-600: #816f4a;
--color-mossy-shade-700: #67593b;
--color-mossy-shade-800: #4c412a;
--color-mossy-shade-900: #352d1c;
--color-mossy-shade-950: #201a0c;
}SCSS
$mossy-shade: #7e6c44;
$mossy-shade-rgb: 126, 108, 68;
$mossy-shade-light: mix(#fff, $mossy-shade, 20%);
$mossy-shade-dark: mix(#000, $mossy-shade, 20%);
.element {
color: $mossy-shade;
box-shadow: 0 0 0 2px rgba($mossy-shade, 0.35);
}