가장 가까운 이름 색상 · #6F3836
#6F3836
가장 가까운 이름 색상: Single Origin
#6F3836(rgb(111 56 54), hsl(2 35% 32%), oklch(0.411 0.078 23.2))와 가장 가까운 이름 색상은 Single Origin입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6F3836
oklch(0.411 0.078 23.2)
색상 변환
- HEX
- #6f3836
- RGB
- rgb(111 56 54)
- HSL
- hsl(2 35% 32%)
- HWB
- hwb(2 21% 56%)
- OKLCH
- oklch(0.411 0.078 23.2)
- OKLab
- oklab(0.411 0.072 0.031)
- CIE Lab
- lab(30.87 24.64 12.83)
- LCH
- lch(30.87 27.78 27.5)
- CMYK
- cmyk(0% 50% 51% 56%)
틴트 · 셰이드 · 톤
틴트
- 7E4A48
- 8C5D5A
- 9B706D
- A98381
- B79795
- C6ABA9
- D4C0BE
- E2D4D3
- F1EAE9
셰이드
- 602F2E
- 512725
- 421F1E
- 341716
- 270F0F
- 1A0808
- 0E0403
- 040101
- 010000
톤
- 713F3D
- 744744
- 764E4C
- 785553
- 7A5C5A
- 7B6362
- 7D6B69
- 7E7271
- 7F7978
색 조화
보색 +180°
- 6F3836
Single Origin
- 00555B
≈ Deep Teal
유사색 -30° +30°
- 6F3836
Single Origin
- 6B374E
≈ Blasted Lands Rocks
- 6B3D1E
≈ Searing Gorge Brown
삼각 배색 +120° +240°
- 6F3836
Single Origin
- 2F552D
≈ Moor-Monster
- 344A75
≈ Dragonfly
분열 보색 +150° +210°
- 6F3836
Single Origin
- 015847
≈ Forest Shadows
- 10516E
≈ Captain Blue
사각 배색 +90° +180° +270°
- 6F3836
Single Origin
- 4B4F15
≈ Verdun Green
- 00555B
≈ Deep Teal
- 4D4271
≈ Izmir Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.15:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.29:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.15:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--single-origin: #6f3836;
--single-origin-rgb: 111 56 54;
--single-origin-oklch: oklch(0.411 0.078 23.2);
}
.element {
color: var(--single-origin);
background-color: hsl(2 35% 32%);
border-color: oklch(0.411 0.078 23.2);
}Tailwind CSS v4
@theme {
--color-single-origin: #6f3836;
--color-single-origin-50: #ffedea;
--color-single-origin-100: #ffdfdb;
--color-single-origin-200: #f4c8c3;
--color-single-origin-300: #dda8a3;
--color-single-origin-400: #c98c89;
--color-single-origin-500: #b4716d;
--color-single-origin-600: #98605d;
--color-single-origin-700: #7a4d4a;
--color-single-origin-800: #5b3736;
--color-single-origin-900: #3f2625;
--color-single-origin-950: #281414;
}SCSS
$single-origin: #6f3836;
$single-origin-rgb: 111, 56, 54;
$single-origin-light: mix(#fff, $single-origin, 20%);
$single-origin-dark: mix(#000, $single-origin, 20%);
.element {
color: $single-origin;
box-shadow: 0 0 0 2px rgba($single-origin, 0.35);
}