가장 가까운 이름 색상 · #331322
#331322
가장 가까운 이름 색상: Black-Hearted
#331322(rgb(51 19 34), hsl(332 46% 14%), oklch(0.242 0.056 352.7))와 가장 가까운 이름 색상은 Black-Hearted입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#331322
oklch(0.242 0.056 352.7)
색상 변환
- HEX
- #331322
- RGB
- rgb(51 19 34)
- HSL
- hsl(332 46% 14%)
- HWB
- hwb(332 7% 80%)
- OKLCH
- oklch(0.242 0.056 352.7)
- OKLab
- oklab(0.242 0.055 -0.007)
- CIE Lab
- lab(11.28 18.02 -2.48)
- LCH
- lch(11.28 18.19 352.2)
- CMYK
- cmyk(0% 63% 33% 80%)
틴트 · 셰이드 · 톤
틴트
- 462734
- 593C48
- 6C525C
- 806872
- 958088
- A9989F
- BEB1B6
- D3CACE
- E9E4E6
셰이드
- 2B0F1C
- 230B16
- 1C0711
- 14050B
- 0D0307
- 070103
- 030101
- 010000
- 000000
톤
- 3B1D2A
- 432733
- 4A323C
- 523C45
- 5A474F
- 625258
- 695D62
- 71696C
- 787476
색 조화
보색 +180°
- 331322
Black-Hearted
- 00271D
≈ Deep Slate Green
유사색 -30° +30°
- 331322
Black-Hearted
- 2C162F
≈ Dark Prom Queen
- 361313
≈ Tamarind
삼각 배색 +120° +240°
- 331322
Black-Hearted
- 202200
≈ Liquorice Root
- 002333
≈ Midnight Dreams
분열 보색 +150° +210°
- 331322
Black-Hearted
- 0E260C
≈ Midnight Pines
- 002528
≈ Teal Spill
사각 배색 +90° +180° +270°
- 331322
Black-Hearted
- 2B1D00
≈ Powdered Cocoa
- 00271D
≈ Deep Slate Green
- 111F3A
≈ Nightwalker
대비 및 접근성
Ag
AAA흰색 위
WCAG 16.70:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.25:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 16.70:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--black-hearted: #331322;
--black-hearted-rgb: 51 19 34;
--black-hearted-oklch: oklch(0.242 0.056 352.7);
}
.element {
color: var(--black-hearted);
background-color: hsl(332 46% 14%);
border-color: oklch(0.242 0.056 352.7);
}Tailwind CSS v4
@theme {
--color-black-hearted: #331322;
--color-black-hearted-50: #ffeff6;
--color-black-hearted-100: #f8e1e9;
--color-black-hearted-200: #e9cbd5;
--color-black-hearted-300: #d0acb9;
--color-black-hearted-400: #ba91a1;
--color-black-hearted-500: #a47789;
--color-black-hearted-600: #8b6574;
--color-black-hearted-700: #6f515d;
--color-black-hearted-800: #523b45;
--color-black-hearted-900: #392830;
--color-black-hearted-950: #23161c;
}SCSS
$black-hearted: #331322;
$black-hearted-rgb: 51, 19, 34;
$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);
}