Nazwany kolor · #6E4C4B
Marron
Marron to #6E4C4B: rgb(110 76 75), hsl(2 19% 36%), oklch(0.453 0.046 20.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Marron color name →
#6E4C4B
oklch(0.453 0.046 20.9)
Konwersje koloru
- HEX
- #6e4c4b
- RGB
- rgb(110 76 75)
- HSL
- hsl(2 19% 36%)
- HWB
- hwb(2 29% 57%)
- OKLCH
- oklch(0.453 0.046 20.9)
- OKLab
- oklab(0.453 0.043 0.017)
- CIE Lab
- lab(36.13 14.73 6.67)
- LCH
- lch(36.13 16.17 24.4)
- CMYK
- cmyk(0% 31% 32% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C5C5B
- 8A6D6C
- 987E7D
- A78F8E
- B5A1A0
- C4B3B3
- D2C6C5
- E1D9D8
- F0ECEB
Odcienie ciemniejsze
- 5F4140
- 503635
- 412C2B
- 332221
- 261817
- 190F0E
- 0E0606
- 040202
- 010000
Tony
- 705150
- 725655
- 745B5A
- 766160
- 786665
- 7A6B6A
- 7B7070
- 7D7575
- 7F7B7B
Harmonie kolorów
Komplementarna +180°
- 6E4C4B
Marron
- 355E61
≈ Arctic Nights
Analogowa -30° +30°
- 6E4C4B
Marron
- 6B4C59
≈ Prussian Plum
- 6C4F3F
≈ Spice
Triada +120° +240°
- 6E4C4B
Marron
- 485D45
≈ Muddy Olive
- 485770
≈ Hidden Sapphire
Komplementarna rozszczepiona +150° +210°
- 6E4C4B
Marron
- 3B5F53
≈ Ethereal Woods
- 3B5B6C
≈ Blue Spell
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.50:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.79:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--marron: #6e4c4b;
--marron-rgb: 110 76 75;
--marron-oklch: oklch(0.453 0.046 20.9);
}
.element {
color: var(--marron);
background-color: hsl(2 19% 36%);
border-color: oklch(0.453 0.046 20.9);
}Tailwind CSS v4
@theme {
--color-marron: #6e4c4b;
--color-marron-50: #fff0ef;
--color-marron-100: #f7e2e1;
--color-marron-200: #e8cdcb;
--color-marron-300: #ceafac;
--color-marron-400: #b99493;
--color-marron-500: #a37a79;
--color-marron-600: #8a6866;
--color-marron-700: #6e5352;
--color-marron-800: #513c3c;
--color-marron-900: #392929;
--color-marron-950: #231717;
}SCSS
$marron: #6e4c4b;
$marron-rgb: 110, 76, 75;
$marron-light: mix(#fff, $marron, 20%);
$marron-dark: mix(#000, $marron, 20%);
.element {
color: $marron;
box-shadow: 0 0 0 2px rgba($marron, 0.35);
}