最接近的命名颜色 · #12273E
#12273E
最接近的命名颜色: Midnight Ocean
#12273E（rgb(18 39 62)、hsl(211 55% 16%)、oklch(0.268 0.051 252.2)）最接近命名颜色 Midnight Ocean。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#12273E
oklch(0.268 0.051 252.2)
颜色转换
- HEX
- #12273e
- RGB
- rgb(18 39 62)
- HSL
- hsl(211 55% 16%)
- HWB
- hwb(211 7% 76%)
- OKLCH
- oklch(0.268 0.051 252.2)
- OKLab
- oklab(0.268 -0.016 -0.049)
- CIE Lab
- lab(14.85 -1.97 -17.51)
- LCH
- lch(14.85 17.62 263.6)
- CMYK
- cmyk(71% 37% 0% 76%)
浅色调 · 深色调 · 灰色调
浅色调
- 263A4F
- 3B4D61
- 516174
- 687687
- 808C9A
- 98A2AD
- B1B8C1
- CACFD6
- E4E7EA
深色调
- 0E2035
- 0A1A2B
- 071423
- 040E1A
- 020812
- 01040A
- 010204
- 000101
- 000000
灰色调
- 1C2F45
- 27384B
- 314052
- 3C4958
- 47525F
- 525B65
- 5D646C
- 696D73
- 747779
配色和谐
互补色 +180°
- 12273E
Midnight Ocean
- 352105
≈ Black Swan
类似色 -30° +30°
- 12273E
Midnight Ocean
- 002B37
≈ Black Chasm
- 22223E
≈ Black Market
三角配色 +120° +240°
- 12273E
Midnight Ocean
- 3B1B1F
≈ Bruised Plum
- 1C2B0F
≈ Nori Green
分裂互补色 +150° +210°
- 12273E
Midnight Ocean
- 3A1D11
≈ Close but No Cigar
- 2B2704
≈ Black Swan
四角配色 +90° +180° +270°
- 12273E
Midnight Ocean
- 371B2D
≈ Jasmin Beauty
- 352105
≈ Black Swan
- 082D1E
≈ Bush
对比度与无障碍
Ag
AAA白底
WCAG 15.15:1 · APCA Lc 102
Ag
Fail黑底
WCAG 1.38:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.15:1 (AAA) · APCA Lc 102
Contrast pairs
代码片段
CSS
:root {
--midnight-ocean: #12273e;
--midnight-ocean-rgb: 18 39 62;
--midnight-ocean-oklch: oklch(0.268 0.051 252.2);
}
.element {
color: var(--midnight-ocean);
background-color: hsl(211 55% 16%);
border-color: oklch(0.268 0.051 252.2);
}Tailwind CSS v4
@theme {
--color-midnight-ocean: #12273e;
--color-midnight-ocean-50: #ebf6ff;
--color-midnight-ocean-100: #dde9f9;
--color-midnight-ocean-200: #c6d6ea;
--color-midnight-ocean-300: #a6b9d2;
--color-midnight-ocean-400: #89a1bc;
--color-midnight-ocean-500: #6e89a8;
--color-midnight-ocean-600: #5d748e;
--color-midnight-ocean-700: #4a5d71;
--color-midnight-ocean-800: #354454;
--color-midnight-ocean-900: #242f3a;
--color-midnight-ocean-950: #131b24;
}SCSS
$midnight-ocean: #12273e;
$midnight-ocean-rgb: 18, 39, 62;
$midnight-ocean-light: mix(#fff, $midnight-ocean, 20%);
$midnight-ocean-dark: mix(#000, $midnight-ocean, 20%);
.element {
color: $midnight-ocean;
box-shadow: 0 0 0 2px rgba($midnight-ocean, 0.35);
}