最接近的命名颜色 · #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);
}