가장 가까운 이름 색상 · #3B641D
#3B641D
가장 가까운 이름 색상: Botanical
#3B641D(rgb(59 100 29), hsl(95 55% 25%), oklch(0.457 0.11 134.6))와 가장 가까운 이름 색상은 Botanical입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3B641D
oklch(0.457 0.11 134.6)
색상 변환
- HEX
- #3b641d
- RGB
- rgb(59 100 29)
- HSL
- hsl(95 55% 25%)
- HWB
- hwb(95 11% 61%)
- OKLCH
- oklch(0.457 0.11 134.6)
- OKLab
- oklab(0.457 -0.077 0.079)
- CIE Lab
- lab(38.17 -25 33.87)
- LCH
- lch(38.17 42.1 126.4)
- CMYK
- cmyk(41% 0% 71% 61%)
틴트 · 셰이드 · 톤
틴트
- 4D7335
- 60824B
- 729161
- 85A077
- 99AF8C
- ADBFA3
- C1CFB9
- D5DFD0
- EAEFE7
셰이드
- 325618
- 294813
- 213B0E
- 192E09
- 112205
- 091603
- 040B01
- 010300
- 000000
톤
- 42672A
- 496A35
- 506D3F
- 577049
- 5E7352
- 65755B
- 6C7865
- 727B6E
- 797D77
색 조화
보색 +180°
- 3B641D
Botanical
- 6E4281
≈ Plum Jam
유사색 -30° +30°
- 3B641D
Botanical
- 605900
≈ Ayahuasca Vine
- 006849
≈ Greens
삼각 배색 +120° +240°
- 3B641D
Botanical
- 265893
≈ Blue Regent
- 8A3943
≈ Rushing Red
분열 보색 +150° +210°
- 3B641D
Botanical
- 514C92
≈ Liberty
- 803B66
≈ Midnight Aubergine
사각 배색 +90° +180° +270°
- 3B641D
Botanical
- 00617B
≈ Jamaican Dream
- 6E4281
≈ Plum Jam
- 883F1B
≈ Dusky Orange
대비 및 접근성
Ag
AA흰색 위
WCAG 6.93:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 3.02:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--botanical: #3b641d;
--botanical-rgb: 59 100 29;
--botanical-oklch: oklch(0.457 0.11 134.6);
}
.element {
color: var(--botanical);
background-color: hsl(95 55% 25%);
border-color: oklch(0.457 0.11 134.6);
}Tailwind CSS v4
@theme {
--color-botanical: #3b641d;
--color-botanical-50: #e7fdde;
--color-botanical-100: #d7f1cd;
--color-botanical-200: #bfe0b1;
--color-botanical-300: #9dc58d;
--color-botanical-400: #82ad69;
--color-botanical-500: #669647;
--color-botanical-600: #577f3d;
--color-botanical-700: #456630;
--color-botanical-800: #334a20;
--color-botanical-900: #233415;
--color-botanical-950: #121f07;
}SCSS
$botanical: #3b641d;
$botanical-rgb: 59, 100, 29;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}