가장 가까운 이름 색상 · #84386B
#84386B
가장 가까운 이름 색상: Midnight Aubergine
#84386B(rgb(132 56 107), hsl(320 40% 37%), oklch(0.461 0.122 342))와 가장 가까운 이름 색상은 Midnight Aubergine입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#84386B
oklch(0.461 0.122 342)
색상 변환
- HEX
- #84386b
- RGB
- rgb(132 56 107)
- HSL
- hsl(320 40% 37%)
- HWB
- hwb(320 22% 48%)
- OKLCH
- oklch(0.461 0.122 342)
- OKLab
- oklab(0.461 0.116 -0.038)
- CIE Lab
- lab(35.71 37.92 -13.64)
- LCH
- lch(35.71 40.3 340.2)
- CMYK
- cmyk(0% 58% 19% 48%)
틴트 · 셰이드 · 톤
틴트
- 914C79
- 9E5F87
- AB7295
- B785A4
- C499B3
- D0ADC2
- DCC1D1
- E8D5E0
- F3EAEF
셰이드
- 722F5C
- 60274E
- 4F1F3F
- 3F1732
- 2F0F25
- 200818
- 12040D
- 060104
- 010000
톤
- 85406D
- 85486F
- 855072
- 855774
- 855E76
- 846578
- 846C7A
- 83737C
- 82797E
색 조화
보색 +180°
- 84386B
Midnight Aubergine
- 006946
≈ Greens
유사색 -30° +30°
- 84386B
Midnight Aubergine
- 6F4189
≈ Amaranth Purple
- 8F3546
≈ Raspberry Fool
삼각 배색 +120° +240°
- 84386B
Midnight Aubergine
- 635900
≈ Ayahuasca Vine
- 00627A
≈ Jamaican Dream
분열 보색 +150° +210°
- 84386B
Midnight Aubergine
- 3D650B
≈ Rainforest Matcha
- 006664
≈ Peacock Pride
사각 배색 +90° +180° +270°
- 84386B
Midnight Aubergine
- 794D00
≈ Lucky Brown
- 006946
≈ Greens
- 185999
≈ Suddenly Sapphire
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.61:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.75:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--midnight-aubergine: #84386b;
--midnight-aubergine-rgb: 132 56 107;
--midnight-aubergine-oklch: oklch(0.461 0.122 342);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(320 40% 37%);
border-color: oklch(0.461 0.122 342);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #84386b;
--color-midnight-aubergine-50: #ffe8fe;
--color-midnight-aubergine-100: #ffd8f2;
--color-midnight-aubergine-200: #fbc0e1;
--color-midnight-aubergine-300: #e49ec7;
--color-midnight-aubergine-400: #d081b3;
--color-midnight-aubergine-500: #bc639d;
--color-midnight-aubergine-600: #9e5484;
--color-midnight-aubergine-700: #7f436a;
--color-midnight-aubergine-800: #5e3050;
--color-midnight-aubergine-900: #422137;
--color-midnight-aubergine-950: #2a1022;
}SCSS
$midnight-aubergine: #84386b;
$midnight-aubergine-rgb: 132, 56, 107;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}