Nazwany kolor · #7B6A68
Muscatel
Muscatel to #7B6A68: rgb(123 106 104), hsl(6 8% 45%), oklch(0.54 0.022 25.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Muscatel color name →
#7B6A68
oklch(0.54 0.022 25.8)
Konwersje koloru
- HEX
- #7b6a68
- RGB
- rgb(123 106 104)
- HSL
- hsl(6 8% 45%)
- HWB
- hwb(6 41% 52%)
- OKLCH
- oklch(0.54 0.022 25.8)
- OKLab
- oklab(0.54 0.02 0.01)
- CIE Lab
- lab(46.42 6.68 3.74)
- LCH
- lch(46.42 7.65 29.2)
- CMYK
- cmyk(0% 14% 15% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 877876
- 948684
- A19493
- AEA3A1
- BBB2B0
- C8C1C0
- D6D0CF
- E3DFDF
- F1EFEF
Odcienie ciemniejsze
- 6A5B59
- 5A4D4B
- 4A3F3E
- 3A3130
- 2C2424
- 1E1818
- 100D0C
- 050404
- 010000
Tony
- 7C6C6A
- 7C6E6D
- 7D716F
- 7D7372
- 7E7574
- 7E7776
- 7F7979
- 7F7C7B
- 807E7E
Harmonie kolorów
Komplementarna +180°
- 7B6A68
Muscatel
- 607375
≈ Castaway Lagoon
Analogowa -30° +30°
- 7B6A68
Muscatel
- 7A6A6F
≈ Gothic Spire
- 796C63
≈ Trailhead
Triada +120° +240°
- 7B6A68
Muscatel
- 677267
≈ Queen Valley
- 696F7C
≈ Nouveau
Komplementarna rozszczepiona +150° +210°
- 7B6A68
Muscatel
- 62736E
≈ Drifting Downstream
- 63717A
≈ Stormy Weather
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.11:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.10:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.11:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--muscatel: #7b6a68;
--muscatel-rgb: 123 106 104;
--muscatel-oklch: oklch(0.54 0.022 25.8);
}
.element {
color: var(--muscatel);
background-color: hsl(6 8% 45%);
border-color: oklch(0.54 0.022 25.8);
}Tailwind CSS v4
@theme {
--color-muscatel: #7b6a68;
--color-muscatel-50: #fbf3f2;
--color-muscatel-100: #efe5e4;
--color-muscatel-200: #ddd1cf;
--color-muscatel-300: #c2b3b1;
--color-muscatel-400: #ab9a98;
--color-muscatel-500: #94817f;
--color-muscatel-600: #7d6d6b;
--color-muscatel-700: #645756;
--color-muscatel-800: #4a403f;
--color-muscatel-900: #332c2b;
--color-muscatel-950: #1f1918;
}SCSS
$muscatel: #7b6a68;
$muscatel-rgb: 123, 106, 104;
$muscatel-light: mix(#fff, $muscatel, 20%);
$muscatel-dark: mix(#000, $muscatel, 20%);
.element {
color: $muscatel;
box-shadow: 0 0 0 2px rgba($muscatel, 0.35);
}