가장 가까운 이름 색상 · #91376D
#91376D
가장 가까운 이름 색상: Midnight Aubergine
#91376D(rgb(145 55 109), hsl(324 45% 39%), oklch(0.48 0.136 346.4))와 가장 가까운 이름 색상은 Midnight Aubergine입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#91376D
oklch(0.48 0.136 346.4)
색상 변환
- HEX
- #91376d
- RGB
- rgb(145 55 109)
- HSL
- hsl(324 45% 39%)
- HWB
- hwb(324 22% 43%)
- OKLCH
- oklch(0.48 0.136 346.4)
- OKLab
- oklab(0.48 0.133 -0.032)
- CIE Lab
- lab(37.78 42.98 -11.52)
- LCH
- lch(37.78 44.49 345)
- CMYK
- cmyk(0% 62% 25% 43%)
틴트 · 셰이드 · 톤
틴트
- 9D4C7B
- A95F89
- B57397
- C086A5
- CB9AB4
- D6AEC2
- E1C2D1
- EBD6E0
- F5EAF0
셰이드
- 7D2E5E
- 6A264F
- 581E41
- 461633
- 350F26
- 250819
- 15030D
- 070104
- 010001
톤
- 90406F
- 904871
- 8F5073
- 8D5775
- 8C5E77
- 8A6579
- 886C7A
- 86737C
- 83797E
색 조화
보색 +180°
- 91376D
Midnight Aubergine
- 006F51
≈ Natural Watercourse
유사색 -30° +30°
- 91376D
Midnight Aubergine
- 7B4190
≈ Cadmium Violet
- 9B3542
≈ High Drama
삼각 배색 +120° +240°
- 91376D
Midnight Aubergine
- 656100
≈ Green Brown
- 006785
≈ Ansel
분열 보색 +150° +210°
- 91376D
Midnight Aubergine
- 356E0E
≈ Tatzelwurm Green
- 006B6D
≈ Mayan Blue
사각 배색 +90° +180° +270°
- 91376D
Midnight Aubergine
- 7D5400
≈ Intense Brown
- 006F51
≈ Natural Watercourse
- 215CA8
≈ Miracle at Wrigley
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.06:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.97:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--midnight-aubergine: #91376d;
--midnight-aubergine-rgb: 145 55 109;
--midnight-aubergine-oklch: oklch(0.48 0.136 346.4);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(324 45% 39%);
border-color: oklch(0.48 0.136 346.4);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #91376d;
--color-midnight-aubergine-50: #ffe6fc;
--color-midnight-aubergine-100: #ffd6f0;
--color-midnight-aubergine-200: #ffbdde;
--color-midnight-aubergine-300: #ec9ac3;
--color-midnight-aubergine-400: #d87baf;
--color-midnight-aubergine-500: #c45c98;
--color-midnight-aubergine-600: #a64e81;
--color-midnight-aubergine-700: #853e67;
--color-midnight-aubergine-800: #622d4d;
--color-midnight-aubergine-900: #451e36;
--color-midnight-aubergine-950: #2c0e21;
}SCSS
$midnight-aubergine: #91376d;
$midnight-aubergine-rgb: 145, 55, 109;
$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);
}