이름 색상 · #96534C
Marsala
Marsala은(는) #96534C: rgb(150 83 76), hsl(6 33% 44%), oklch(0.519 0.091 26.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Marsala color name →
#96534C
oklch(0.519 0.091 26.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A1635C
- AC746D
- B7857E
- C29690
- CCA7A2
- D7B8B4
- E1C9C6
- EBDBD9
- F5EDEC
셰이드
- 824741
- 6E3B36
- 5B302C
- 492522
- 371B18
- 26110F
- 160806
- 080202
- 010000
톤
- 955851
- 935D56
- 91615C
- 8F6661
- 8D6B66
- 8B6F6B
- 897370
- 867876
- 837C7B
색 조화
보색 +180°
- 96534C
Marsala
- 007783
≈ Hypnotic Sea
유사색 -30° +30°
- 96534C
Marsala
- 925169
≈ Vin Rouge
- 905A30
≈ Carrageen Moss
삼각 배색 +120° +240°
- 96534C
Marsala
- 437749
≈ Maidenhair Fern
- 51679D
≈ Electrify
분열 보색 +150° +210°
- 96534C
Marsala
- 167968
≈ Shady Glade
- 2C7096
≈ Blue Oasis
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}