이름 색상 · #736330
Himalaya
Himalaya은(는) #736330: rgb(115 99 48), hsl(46 41% 32%), oklch(0.504 0.073 92.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Himalaya color name →
#736330
oklch(0.504 0.073 92.2)
색상 변환
- HEX
- #736330
- RGB
- rgb(115 99 48)
- HSL
- hsl(46 41% 32%)
- HWB
- hwb(46 19% 55%)
- OKLCH
- oklch(0.504 0.073 92.2)
- OKLab
- oklab(0.504 -0.003 0.073)
- CIE Lab
- lab(42.67 1.53 31)
- LCH
- lch(42.67 31.04 87.2)
- CMYK
- cmyk(0% 14% 58% 55%)
틴트 · 셰이드 · 톤
틴트
- 807245
- 8D8059
- 9B8F6C
- A99F81
- B6AE95
- C5BEAA
- D3CEBE
- E1DED4
- F0EEE9
셰이드
- 635528
- 544721
- 453A1A
- 362E13
- 28210C
- 1B1606
- 0F0B03
- 050301
- 010000
톤
- 746639
- 766942
- 776C4A
- 786F52
- 79725A
- 7B7562
- 7C7869
- 7D7A71
- 7F7D78
색 조화
보색 +180°
- 736330
Himalaya
- 56628E
≈ Breathtaking
유사색 -30° +30°
- 736330
Himalaya
- 825B37
≈ Rubber
- 5D6B3B
≈ Globe Artichoke
삼각 배색 +120° +240°
- 736330
Himalaya
- 276F7D
≈ Billabong
- 7D5577
≈ Birthstone
분열 보색 +150° +210°
- 736330
Himalaya
- 3C698A
≈ Team Spirit
- 6C5A87
≈ Kimberly
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.90:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.55:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--himalaya: #736330;
--himalaya-rgb: 115 99 48;
--himalaya-oklch: oklch(0.504 0.073 92.2);
}
.element {
color: var(--himalaya);
background-color: hsl(46 41% 32%);
border-color: oklch(0.504 0.073 92.2);
}Tailwind CSS v4
@theme {
--color-himalaya: #736330;
--color-himalaya-50: #fcf5de;
--color-himalaya-100: #f0e8cd;
--color-himalaya-200: #ded4b2;
--color-himalaya-300: #c3b78d;
--color-himalaya-400: #ae9e6c;
--color-himalaya-500: #97854b;
--color-himalaya-600: #807141;
--color-himalaya-700: #665a33;
--color-himalaya-800: #4c4124;
--color-himalaya-900: #352d18;
--color-himalaya-950: #201a09;
}SCSS
$himalaya: #736330;
$himalaya-rgb: 115, 99, 48;
$himalaya-light: mix(#fff, $himalaya, 20%);
$himalaya-dark: mix(#000, $himalaya, 20%);
.element {
color: $himalaya;
box-shadow: 0 0 0 2px rgba($himalaya, 0.35);
}