Màu có tên · #96534C
Marsala
Marsala là #96534C: rgb(150 83 76), hsl(6 33% 44%), oklch(0.519 0.091 26.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Marsala color name →
#96534C
oklch(0.519 0.091 26.9)
Chuyển đổi màu
- HEX
- #96534c
- RGB
- rgb(150 83 76)
- HSL
- hsl(6 33% 44%)
- HWB
- hwb(6 30% 41%)
- OKLCH
- oklch(0.519 0.091 26.9)
- OKLab
- oklab(0.519 0.081 0.041)
- CIE Lab
- lab(43.4 27.95 17)
- LCH
- lch(43.4 32.71 31.3)
- CMYK
- cmyk(0% 45% 49% 41%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A1635C
- AC746D
- B7857E
- C29690
- CCA7A2
- D7B8B4
- E1C9C6
- EBDBD9
- F5EDEC
Sắc đậm
- 824741
- 6E3B36
- 5B302C
- 492522
- 371B18
- 26110F
- 160806
- 080202
- 010000
Sắc xám
- 955851
- 935D56
- 91615C
- 8F6661
- 8D6B66
- 8B6F6B
- 897370
- 867876
- 837C7B
Hòa sắc
Bổ túc +180°
- 96534C
Marsala
- 007783
≈ Hypnotic Sea
Tương đồng -30° +30°
- 96534C
Marsala
- 925169
≈ Vin Rouge
- 905A30
≈ Carrageen Moss
Bộ ba +120° +240°
- 96534C
Marsala
- 437749
≈ Maidenhair Fern
- 51679D
≈ Electrify
Bổ túc chia +150° +210°
- 96534C
Marsala
- 167968
≈ Shady Glade
- 2C7096
≈ Blue Oasis
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.77:1 · APCA Lc 79
Ag
FailTrên nền đen
WCAG 3.63:1 · APCA Lc 23
Màu chữ tốt nhất: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--marsala: #96534c;
--marsala-rgb: 150 83 76;
--marsala-oklch: oklch(0.519 0.091 26.9);
}
.element {
color: var(--marsala);
background-color: hsl(6 33% 44%);
border-color: oklch(0.519 0.091 26.9);
}Tailwind CSS v4
@theme {
--color-marsala: #96534c;
--color-marsala-50: #ffece6;
--color-marsala-100: #ffddd7;
--color-marsala-200: #f9c6be;
--color-marsala-300: #e2a69d;
--color-marsala-400: #cf8a82;
--color-marsala-500: #bb6e65;
--color-marsala-600: #9e5d56;
--color-marsala-700: #7f4a45;
--color-marsala-800: #5e3532;
--color-marsala-900: #422422;
--color-marsala-950: #2a1311;
}SCSS
$marsala: #96534c;
$marsala-rgb: 150, 83, 76;
$marsala-light: mix(#fff, $marsala, 20%);
$marsala-dark: mix(#000, $marsala, 20%);
.element {
color: $marsala;
box-shadow: 0 0 0 2px rgba($marsala, 0.35);
}