Nazwany kolor · #6B4A40
Maximum Mocha
Maximum Mocha to #6B4A40: rgb(107 74 64), hsl(14 25% 34%), oklch(0.443 0.048 37.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Maximum Mocha color name →
#6B4A40
oklch(0.443 0.048 37.6)
Konwersje koloru
- HEX
- #6b4a40
- RGB
- rgb(107 74 64)
- HSL
- hsl(14 25% 34%)
- HWB
- hwb(14 25% 58%)
- OKLCH
- oklch(0.443 0.048 37.6)
- OKLab
- oklab(0.443 0.038 0.029)
- CIE Lab
- lab(34.99 13.43 11.89)
- LCH
- lch(34.99 17.93 41.5)
- CMYK
- cmyk(0% 31% 40% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 795A51
- 886B63
- 967D75
- A58E87
- B3A09A
- C2B3AE
- D1C5C2
- E0D8D6
- F0EBEA
Odcienie ciemniejsze
- 5C3F36
- 4E352D
- 3F2A24
- 32201B
- 251713
- 180E0B
- 0D0605
- 040201
- 000000
Tony
- 6D4F46
- 70554C
- 725A53
- 745F59
- 76655F
- 786A66
- 7A706C
- 7C7573
- 7E7B79
Harmonie kolorów
Komplementarna +180°
- 6B4A40
Maximum Mocha
- 325A65
≈ Petro Blue
Analogowa -30° +30°
- 6B4A40
Maximum Mocha
- 6B484E
≈ Formal Maroon
- 654E36
≈ Black Power
Triada +120° +240°
- 6B4A40
Maximum Mocha
- 3C5C49
≈ Wine Leaf
- 4C516E
≈ Independence
Komplementarna rozszczepiona +150° +210°
- 6B4A40
Maximum Mocha
- 315C58
≈ Lacrosse
- 3E566D
≈ Atlantic Tide
Tetrada +90° +180° +270°
- 6B4A40
Maximum Mocha
- 4C583B
≈ Heavy Green
- 325A65
≈ Petro Blue
- 5A4C68
≈ Paparazzi
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.83:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.67:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--maximum-mocha: #6b4a40;
--maximum-mocha-rgb: 107 74 64;
--maximum-mocha-oklch: oklch(0.443 0.048 37.6);
}
.element {
color: var(--maximum-mocha);
background-color: hsl(14 25% 34%);
border-color: oklch(0.443 0.048 37.6);
}Tailwind CSS v4
@theme {
--color-maximum-mocha: #6b4a40;
--color-maximum-mocha-50: #fff1eb;
--color-maximum-mocha-100: #f7e3dc;
--color-maximum-mocha-200: #e8cec5;
--color-maximum-mocha-300: #ceb0a5;
--color-maximum-mocha-400: #b9958a;
--color-maximum-mocha-500: #a37b6f;
--color-maximum-mocha-600: #8a695e;
--color-maximum-mocha-700: #6f544b;
--color-maximum-mocha-800: #523d37;
--color-maximum-mocha-900: #392a26;
--color-maximum-mocha-950: #231714;
}SCSS
$maximum-mocha: #6b4a40;
$maximum-mocha-rgb: 107, 74, 64;
$maximum-mocha-light: mix(#fff, $maximum-mocha, 20%);
$maximum-mocha-dark: mix(#000, $maximum-mocha, 20%);
.element {
color: $maximum-mocha;
box-shadow: 0 0 0 2px rgba($maximum-mocha, 0.35);
}