가장 가까운 이름 색상 · #461B29
#461B29
가장 가까운 이름 색상: Black-Hearted
#461B29(rgb(70 27 41), hsl(340 44% 19%), oklch(0.291 0.068 1.8))와 가장 가까운 이름 색상은 Black-Hearted입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#461B29
oklch(0.291 0.068 1.8)
색상 변환
- HEX
- #461b29
- RGB
- rgb(70 27 41)
- HSL
- hsl(340 44% 19%)
- HWB
- hwb(340 11% 73%)
- OKLCH
- oklch(0.291 0.068 1.8)
- OKLab
- oklab(0.291 0.068 0.002)
- CIE Lab
- lab(16.91 22.28 1.11)
- LCH
- lch(16.91 22.31 2.9)
- CMYK
- cmyk(0% 61% 41% 73%)
틴트 · 셰이드 · 톤
틴트
- 582F3B
- 6A444E
- 7C5962
- 8E6F77
- A1868C
- B39DA2
- C6B5B9
- D9CDD0
- ECE6E7
셰이드
- 3C1622
- 32111C
- 280C15
- 1E080F
- 150509
- 0D0205
- 050102
- 020001
- 000000
톤
- 4C2531
- 532F39
- 593941
- 5F424A
- 654C52
- 6A565B
- 706164
- 756B6D
- 7B7577
색 조화
보색 +180°
- 461B29
Black-Hearted
- 00342D
≈ Fence Green
유사색 -30° +30°
- 461B29
Black-Hearted
- 3F1D3B
≈ Profound Mauve
- 481D15
≈ Barbecue Sauce
삼각 배색 +120° +240°
- 461B29
Black-Hearted
- 263002
≈ Blind Forest
- 012F4A
≈ Cosmos Blue
분열 보색 +150° +210°
- 461B29
Black-Hearted
- 09351A
≈ Dark Serpent
- 00323A
≈ Artist Blue
사각 배색 +90° +180° +270°
- 461B29
Black-Hearted
- 362A00
≈ Secret Passage
- 00342D
≈ Fence Green
- 20284D
≈ Space Cadet
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.49:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.44:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.49:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--black-hearted: #461b29;
--black-hearted-rgb: 70 27 41;
--black-hearted-oklch: oklch(0.291 0.068 1.8);
}
.element {
color: var(--black-hearted);
background-color: hsl(340 44% 19%);
border-color: oklch(0.291 0.068 1.8);
}Tailwind CSS v4
@theme {
--color-black-hearted: #461b29;
--color-black-hearted-50: #ffeef3;
--color-black-hearted-100: #fddfe5;
--color-black-hearted-200: #efc9d1;
--color-black-hearted-300: #d7a9b3;
--color-black-hearted-400: #c18e9b;
--color-black-hearted-500: #ac7383;
--color-black-hearted-600: #92626f;
--color-black-hearted-700: #754e58;
--color-black-hearted-800: #563841;
--color-black-hearted-900: #3c272d;
--color-black-hearted-950: #26151a;
}SCSS
$black-hearted: #461b29;
$black-hearted-rgb: 70, 27, 41;
$black-hearted-light: mix(#fff, $black-hearted, 20%);
$black-hearted-dark: mix(#000, $black-hearted, 20%);
.element {
color: $black-hearted;
box-shadow: 0 0 0 2px rgba($black-hearted, 0.35);
}