가장 가까운 이름 색상 · #182979
#182979
가장 가까운 이름 색상: Midnight Crest
#182979(rgb(24 41 121), hsl(229 67% 28%), oklch(0.326 0.137 268.2))와 가장 가까운 이름 색상은 Midnight Crest입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#182979
oklch(0.326 0.137 268.2)
색상 변환
- HEX
- #182979
- RGB
- rgb(24 41 121)
- HSL
- hsl(229 67% 28%)
- HWB
- hwb(229 9% 53%)
- OKLCH
- oklch(0.326 0.137 268.2)
- OKLab
- oklab(0.326 -0.004 -0.137)
- CIE Lab
- lab(19.85 18.38 -48.6)
- LCH
- lch(19.85 51.96 290.7)
- CMYK
- cmyk(80% 66% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 2A3F87
- 3E5495
- 5368A3
- 6A7DB1
- 8192BE
- 99A7CB
- B2BDD8
- CBD2E5
- E5E9F2
셰이드
- 132268
- 0F1C58
- 0A1548
- 070F39
- 04092B
- 02051D
- 010210
- 000105
- 000001
톤
- 21337B
- 2A3D7C
- 34467E
- 3E4F7F
- 485780
- 536080
- 5E6881
- 697081
- 747881
색 조화
보색 +180°
- 182979
Midnight Crest
- 423200
≈ Night in the Woods
유사색 -30° +30°
- 182979
Midnight Crest
- 003955
≈ Gibraltar Sea
- 3F1A6F
≈ Explorer of the Galaxies
삼각 배색 +120° +240°
- 182979
Midnight Crest
- 680003
≈ Arcavia Red
- 004015
≈ Hunter Green
분열 보색 +150° +210°
- 182979
Midnight Crest
- 512800
≈ Brown Study
- 313900
≈ Wasabi Nori
사각 배색 +90° +180° +270°
- 182979
Midnight Crest
- 630034
≈ Tyrian Purple
- 423200
≈ Night in the Woods
- 003E34
≈ Botanical Night
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.86:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.63:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.86:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--midnight-crest: #182979;
--midnight-crest-rgb: 24 41 121;
--midnight-crest-oklch: oklch(0.326 0.137 268.2);
}
.element {
color: var(--midnight-crest);
background-color: hsl(229 67% 28%);
border-color: oklch(0.326 0.137 268.2);
}Tailwind CSS v4
@theme {
--color-midnight-crest: #182979;
--color-midnight-crest-50: #e6f4ff;
--color-midnight-crest-100: #d6e7ff;
--color-midnight-crest-200: #bdd2ff;
--color-midnight-crest-300: #9cb4fe;
--color-midnight-crest-400: #7c9af0;
--color-midnight-crest-500: #607fe0;
--color-midnight-crest-600: #516cbd;
--color-midnight-crest-700: #415698;
--color-midnight-crest-800: #2c4072;
--color-midnight-crest-900: #1e2c50;
--color-midnight-crest-950: #0e1935;
}SCSS
$midnight-crest: #182979;
$midnight-crest-rgb: 24, 41, 121;
$midnight-crest-light: mix(#fff, $midnight-crest, 20%);
$midnight-crest-dark: mix(#000, $midnight-crest, 20%);
.element {
color: $midnight-crest;
box-shadow: 0 0 0 2px rgba($midnight-crest, 0.35);
}