이름 색상 · #AD5C34
Monument Valley
Monument Valley은(는) #AD5C34: rgb(173 92 52), hsl(20 54% 44%), oklch(0.563 0.119 45.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Monument Valley color name →
#AD5C34
oklch(0.563 0.119 45.6)
색상 변환
- HEX
- #ad5c34
- RGB
- rgb(173 92 52)
- HSL
- hsl(20 54% 44%)
- HWB
- hwb(20 20% 32%)
- OKLCH
- oklch(0.563 0.119 45.6)
- OKLab
- oklab(0.563 0.083 0.085)
- CIE Lab
- lab(48.48 31.39 37.81)
- LCH
- lch(48.48 49.15 50.3)
- CMYK
- cmyk(0% 47% 70% 32%)
틴트 · 셰이드 · 톤
틴트
- B66C49
- BF7C5D
- C88C71
- D19C85
- D9AD99
- E1BDAD
- E9CDC1
- F1DED5
- F8EEEA
셰이드
- 964F2C
- 7F4224
- 6A361C
- 552A15
- 411F0E
- 2D1407
- 1B0A03
- 0B0301
- 010000
톤
- A9603D
- A56546
- A1694E
- 9D6C56
- 99705D
- 947364
- 90776B
- 8B7A72
- 867D79
색 조화
보색 +180°
- AD5C34
Monument Valley
- 0081A5
≈ Advertising Blue
유사색 -30° +30°
- AD5C34
Monument Valley
- B0555E
≈ Alsike Clover Red
- 9D6A00
≈ Balor Brown
삼각 배색 +120° +240°
- AD5C34
Monument Valley
- 008A64
≈ Chagall Green
- 7069B7
≈ Ultra Violet
분열 보색 +150° +210°
- AD5C34
Monument Valley
- 008687
≈ Tubbataha Teal
- 4276B9
≈ Sinatra
사각 배색 +90° +180° +270°
- AD5C34
Monument Valley
- 548439
≈ Hot Pepper Green
- 0081A5
≈ Advertising Blue
- 905EA4
≈ Empire Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 4.81:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.35:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--monument-valley: #ad5c34;
--monument-valley-rgb: 173 92 52;
--monument-valley-oklch: oklch(0.563 0.119 45.6);
}
.element {
color: var(--monument-valley);
background-color: hsl(20 54% 44%);
border-color: oklch(0.563 0.119 45.6);
}Tailwind CSS v4
@theme {
--color-monument-valley: #ad5c34;
--color-monument-valley-50: #ffecd9;
--color-monument-valley-100: #ffddc6;
--color-monument-valley-200: #ffc6a9;
--color-monument-valley-300: #eaa582;
--color-monument-valley-400: #d88761;
--color-monument-valley-500: #c56a3d;
--color-monument-valley-600: #a65a34;
--color-monument-valley-700: #86482a;
--color-monument-valley-800: #64331e;
--color-monument-valley-900: #462314;
--color-monument-valley-950: #2d1206;
}SCSS
$monument-valley: #ad5c34;
$monument-valley-rgb: 173, 92, 52;
$monument-valley-light: mix(#fff, $monument-valley, 20%);
$monument-valley-dark: mix(#000, $monument-valley, 20%);
.element {
color: $monument-valley;
box-shadow: 0 0 0 2px rgba($monument-valley, 0.35);
}