가장 가까운 이름 색상 · #3C4829
#3C4829
가장 가까운 이름 색상: Palm Leaf
#3C4829(rgb(60 72 41), hsl(83 27% 22%), oklch(0.382 0.052 126))와 가장 가까운 이름 색상은 Palm Leaf입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3C4829
oklch(0.382 0.052 126)
색상 변환
- HEX
- #3c4829
- RGB
- rgb(60 72 41)
- HSL
- hsl(83 27% 22%)
- HWB
- hwb(83 16% 72%)
- OKLCH
- oklch(0.382 0.052 126)
- OKLab
- oklab(0.382 -0.03 0.042)
- CIE Lab
- lab(28.86 -9.66 16.93)
- LCH
- lch(28.86 19.49 119.7)
- CMYK
- cmyk(17% 0% 43% 72%)
틴트 · 셰이드 · 톤
틴트
- 4D583C
- 5F6950
- 717B64
- 848D78
- 989F8E
- ABB1A3
- C0C4BA
- D4D8D0
- EAEBE7
셰이드
- 333D22
- 2A331C
- 212915
- 191F0F
- 111609
- 0A0D05
- 040602
- 010201
- 000000
톤
- 424D32
- 49533A
- 4F5843
- 565E4B
- 5D6454
- 64695C
- 6B6F65
- 72756E
- 797A77
색 조화
보색 +180°
- 3C4829
Palm Leaf
- 4A3C59
≈ Purple Velvet
유사색 -30° +30°
- 3C4829
Palm Leaf
- 4B4321
≈ Uniform Green
- 2B4B37
≈ Springbok Green
삼각 배색 +120° +240°
- 3C4829
Palm Leaf
- 2B465D
≈ Indigo Streamer
- 5B373F
≈ Sassafras
분열 보색 +150° +210°
- 3C4829
Palm Leaf
- 3B415F
≈ Church Blue
- 55384D
≈ Dulcet Violet
사각 배색 +90° +180° +270°
- 3C4829
Palm Leaf
- 1D4A55
≈ Night Swim
- 4A3C59
≈ Purple Velvet
- 5B3930
≈ Terra Brun
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.76:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.15:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--palm-leaf: #3c4829;
--palm-leaf-rgb: 60 72 41;
--palm-leaf-oklch: oklch(0.382 0.052 126);
}
.element {
color: var(--palm-leaf);
background-color: hsl(83 27% 22%);
border-color: oklch(0.382 0.052 126);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #3c4829;
--color-palm-leaf-50: #f1f8e9;
--color-palm-leaf-100: #e3ebd9;
--color-palm-leaf-200: #ced9c2;
--color-palm-leaf-300: #b0bda1;
--color-palm-leaf-400: #97a483;
--color-palm-leaf-500: #7e8d67;
--color-palm-leaf-600: #6a7758;
--color-palm-leaf-700: #555f46;
--color-palm-leaf-800: #3e4632;
--color-palm-leaf-900: #2b3022;
--color-palm-leaf-950: #181c11;
}SCSS
$palm-leaf: #3c4829;
$palm-leaf-rgb: 60, 72, 41;
$palm-leaf-light: mix(#fff, $palm-leaf, 20%);
$palm-leaf-dark: mix(#000, $palm-leaf, 20%);
.element {
color: $palm-leaf;
box-shadow: 0 0 0 2px rgba($palm-leaf, 0.35);
}