이름 색상 · #91734C
Marrakech Brown
Marrakech Brown은(는) #91734C: rgb(145 115 76), hsl(34 31% 43%), oklch(0.575 0.066 73.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Marrakech Brown color name →
#91734C
oklch(0.575 0.066 73.2)
색상 변환
- HEX
- #91734c
- RGB
- rgb(145 115 76)
- HSL
- hsl(34 31% 43%)
- HWB
- hwb(34 30% 43%)
- OKLCH
- oklch(0.575 0.066 73.2)
- OKLab
- oklab(0.575 0.019 0.063)
- CIE Lab
- lab(50.72 8.3 26.25)
- LCH
- lch(50.72 27.53 72.4)
- CMYK
- cmyk(0% 21% 48% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C805D
- A68E6E
- B19B80
- BCA991
- C7B7A3
- D2C5B5
- DDD3C7
- E8E2DA
- F4F0EC
셰이드
- 7D6341
- 6A5436
- 58452C
- 463622
- 352818
- 251B0F
- 150F06
- 070502
- 010100
톤
- 8F7452
- 8E7657
- 8C775D
- 8B7962
- 897A67
- 877B6C
- 857C71
- 847E76
- 827F7B
색 조화
보색 +180°
- 91734C
Marrakech Brown
- 5D7BA0
≈ Cocktail Blue
유사색 -30° +30°
- 91734C
Marrakech Brown
- 9B6C59
≈ Brownish
- 807B4C
≈ Verdant Leaf
삼각 배색 +120° +240°
- 91734C
Marrakech Brown
- 458584
≈ Emu Egg
- 876E95
≈ Baroness Mauve
분열 보색 +150° +210°
- 91734C
Marrakech Brown
- 4A8296
≈ Casual Blue
- 73749F
≈ Hyacinth Mauve
사각 배색 +90° +180° +270°
- 91734C
Marrakech Brown
- 53866E
≈ Billiard Room
- 5D7BA0
≈ Cocktail Blue
- 956983
≈ Fruit of Passion
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.41:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.76:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--marrakech-brown: #91734c;
--marrakech-brown-rgb: 145 115 76;
--marrakech-brown-oklch: oklch(0.575 0.066 73.2);
}
.element {
color: var(--marrakech-brown);
background-color: hsl(34 31% 43%);
border-color: oklch(0.575 0.066 73.2);
}Tailwind CSS v4
@theme {
--color-marrakech-brown: #91734c;
--color-marrakech-brown-50: #fff3e1;
--color-marrakech-brown-100: #f5e5d0;
--color-marrakech-brown-200: #e5d1b6;
--color-marrakech-brown-300: #ccb392;
--color-marrakech-brown-400: #b79973;
--color-marrakech-brown-500: #a17f54;
--color-marrakech-brown-600: #886c47;
--color-marrakech-brown-700: #6d5639;
--color-marrakech-brown-800: #513f28;
--color-marrakech-brown-900: #382b1b;
--color-marrakech-brown-950: #23180b;
}SCSS
$marrakech-brown: #91734c;
$marrakech-brown-rgb: 145, 115, 76;
$marrakech-brown-light: mix(#fff, $marrakech-brown, 20%);
$marrakech-brown-dark: mix(#000, $marrakech-brown, 20%);
.element {
color: $marrakech-brown;
box-shadow: 0 0 0 2px rgba($marrakech-brown, 0.35);
}