가장 가까운 이름 색상 · #324232
#324232
가장 가까운 이름 색상: Mountain View
#324232(rgb(50 66 50), hsl(120 14% 23%), oklch(0.36 0.034 144.8))와 가장 가까운 이름 색상은 Mountain View입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#324232
oklch(0.36 0.034 144.8)
색상 변환
- HEX
- #324232
- RGB
- rgb(50 66 50)
- HSL
- hsl(120 14% 23%)
- HWB
- hwb(120 20% 74%)
- OKLCH
- oklch(0.36 0.034 144.8)
- OKLab
- oklab(0.36 -0.028 0.02)
- CIE Lab
- lab(26.18 -9.53 7.59)
- LCH
- lch(26.18 12.18 141.5)
- CMYK
- cmyk(24% 0% 24% 74%)
틴트 · 셰이드 · 톤
틴트
- 445344
- 576456
- 6A766A
- 7E887D
- 929B92
- A7AEA7
- BCC2BC
- D2D6D2
- E8EAE8
셰이드
- 2A382A
- 222F22
- 1B251B
- 141C14
- 0D140D
- 070B07
- 030503
- 010101
- 000000
톤
- 394839
- 414E41
- 485448
- 505A50
- 586058
- 606660
- 686D68
- 707370
- 787A78
색 조화
보색 +180°
- 324232
Mountain View
- 463747
≈ Wineshade
유사색 -30° +30°
- 324232
Mountain View
- 3C3F2B
≈ Green 383
- 29433C
≈ Westhaven
삼각 배색 +120° +240°
- 324232
Mountain View
- 343D4F
≈ Burka Black
- 4E3634
≈ Chocolate Red
분열 보색 +150° +210°
- 324232
Mountain View
- 3E3A4D
≈ India Ink
- 4C363E
≈ Spell Caster
사각 배색 +90° +180° +270°
- 324232
Mountain View
- 2B404D
≈ Deepsea Core
- 463747
≈ Wineshade
- 4B382C
≈ Chicory Coffee
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.70:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.96:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--mountain-view: #324232;
--mountain-view-rgb: 50 66 50;
--mountain-view-oklch: oklch(0.36 0.034 144.8);
}
.element {
color: var(--mountain-view);
background-color: hsl(120 14% 23%);
border-color: oklch(0.36 0.034 144.8);
}Tailwind CSS v4
@theme {
--color-mountain-view: #324232;
--color-mountain-view-50: #eff8f0;
--color-mountain-view-100: #e1ebe1;
--color-mountain-view-200: #cbd8cc;
--color-mountain-view-300: #adbcad;
--color-mountain-view-400: #92a492;
--color-mountain-view-500: #798d78;
--color-mountain-view-600: #667766;
--color-mountain-view-700: #525f51;
--color-mountain-view-800: #3c463b;
--color-mountain-view-900: #293028;
--color-mountain-view-950: #171c16;
}SCSS
$mountain-view: #324232;
$mountain-view-rgb: 50, 66, 50;
$mountain-view-light: mix(#fff, $mountain-view, 20%);
$mountain-view-dark: mix(#000, $mountain-view, 20%);
.element {
color: $mountain-view;
box-shadow: 0 0 0 2px rgba($mountain-view, 0.35);
}