가장 가까운 이름 색상 · #374B70
#374B70
가장 가까운 이름 색상: Midnight Interlude
#374B70(rgb(55 75 112), hsl(219 34% 33%), oklch(0.413 0.067 262.1))와 가장 가까운 이름 색상은 Midnight Interlude입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#374B70
oklch(0.413 0.067 262.1)
색상 변환
- HEX
- #374b70
- RGB
- rgb(55 75 112)
- HSL
- hsl(219 34% 33%)
- HWB
- hwb(219 22% 56%)
- OKLCH
- oklch(0.413 0.067 262.1)
- OKLab
- oklab(0.413 -0.009 -0.067)
- CIE Lab
- lab(31.52 0.65 -24.13)
- LCH
- lch(31.52 24.14 271.5)
- CMYK
- cmyk(51% 33% 0% 56%)
틴트 · 셰이드 · 톤
틴트
- 495C7E
- 5B6C8C
- 6E7E9A
- 818FA8
- 95A1B6
- AAB3C4
- BEC6D3
- D4D9E2
- E9ECF0
셰이드
- 2E4060
- 263551
- 1E2B43
- 162135
- 0F1727
- 080E1A
- 03060E
- 010204
- 000001
톤
- 3E5072
- 455674
- 4C5B76
- 536077
- 5B6679
- 626B7A
- 69707C
- 71757D
- 787B7F
색 조화
보색 +180°
- 374B70
Midnight Interlude
- 5D471B
≈ Mud Brown
유사색 -30° +30°
- 374B70
Midnight Interlude
- 1E516A
≈ Juggernaut
- 4C446D
≈ Izmir Purple
삼각 배색 +120° +240°
- 374B70
Midnight Interlude
- 6B3C3A
≈ Murray Red
- 355532
≈ Ficus
분열 보색 +150° +210°
- 374B70
Midnight Interlude
- 684027
≈ Van Dyke Brown
- 4C4F20
≈ Army Green
사각 배색 +90° +180° +270°
- 374B70
Midnight Interlude
- 673B4F
≈ Crushed Violets
- 5D471B
≈ Mud Brown
- 1B5747
≈ Bagpiper
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.73:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.40:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.73:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--midnight-interlude: #374b70;
--midnight-interlude-rgb: 55 75 112;
--midnight-interlude-oklch: oklch(0.413 0.067 262.1);
}
.element {
color: var(--midnight-interlude);
background-color: hsl(219 34% 33%);
border-color: oklch(0.413 0.067 262.1);
}Tailwind CSS v4
@theme {
--color-midnight-interlude: #374b70;
--color-midnight-interlude-50: #ebf5ff;
--color-midnight-interlude-100: #dde8ff;
--color-midnight-interlude-200: #c6d5f2;
--color-midnight-interlude-300: #a6b8db;
--color-midnight-interlude-400: #899fc7;
--color-midnight-interlude-500: #6e86b3;
--color-midnight-interlude-600: #5d7297;
--color-midnight-interlude-700: #4a5b79;
--color-midnight-interlude-800: #35435a;
--color-midnight-interlude-900: #242e3f;
--color-midnight-interlude-950: #131b28;
}SCSS
$midnight-interlude: #374b70;
$midnight-interlude-rgb: 55, 75, 112;
$midnight-interlude-light: mix(#fff, $midnight-interlude, 20%);
$midnight-interlude-dark: mix(#000, $midnight-interlude, 20%);
.element {
color: $midnight-interlude;
box-shadow: 0 0 0 2px rgba($midnight-interlude, 0.35);
}