最接近的命名颜色 · #243E67
#243E67
最接近的命名颜色: Nightlife
#243E67（rgb(36 62 103)、hsl(217 48% 27%)、oklch(0.365 0.078 259.2)）最接近命名颜色 Nightlife。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#243E67
oklch(0.365 0.078 259.2)
颜色转换
- HEX
- #243e67
- RGB
- rgb(36 62 103)
- HSL
- hsl(217 48% 27%)
- HWB
- hwb(217 14% 60%)
- OKLCH
- oklch(0.365 0.078 259.2)
- OKLab
- oklab(0.365 -0.015 -0.077)
- CIE Lab
- lab(25.77 0.85 -27.55)
- LCH
- lch(25.77 27.56 271.8)
- CMYK
- cmyk(65% 40% 0% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 375076
- 4B6285
- 607493
- 7587A3
- 8B9AB2
- A1AEC1
- B8C1D0
- CFD6E0
- E7EAEF
深色调
- 1E3559
- 182B4B
- 12233D
- 0C1A30
- 071223
- 040A17
- 02040C
- 000104
- 000000
灰色调
- 2D456A
- 364B6D
- 3F526F
- 485872
- 515F75
- 5A6677
- 646C7A
- 6D737C
- 76797E
配色和谐
互补色 +180°
- 243E67
Nightlife
- 533900
≈ Pineapple
类似色 -30° +30°
- 243E67
Nightlife
- 00455C
≈ Loyal Blue
- 3E3665
≈ Rhynchites Nitens
三角配色 +120° +240°
- 243E67
Nightlife
- 612B2D
≈ Jazz
- 27481E
≈ Treetop Cathedral
分裂互补色 +150° +210°
- 243E67
Nightlife
- 5E3014
≈ Count Chocula
- 424102
≈ Green Not Found
四角配色 +90° +180° +270°
- 243E67
Nightlife
- 5C2B45
≈ Vistoris Lake
- 533900
≈ Pineapple
- 004A38
≈ County Green
对比度与无障碍
Ag
AAA白底
WCAG 10.71:1 · APCA Lc 95
Ag
Fail黑底
WCAG 1.95:1 · APCA Lc 8
最佳文字颜色: #FFFFFF
WCAG 10.71:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--nightlife: #243e67;
--nightlife-rgb: 36 62 103;
--nightlife-oklch: oklch(0.365 0.078 259.2);
}
.element {
color: var(--nightlife);
background-color: hsl(217 48% 27%);
border-color: oklch(0.365 0.078 259.2);
}Tailwind CSS v4
@theme {
--color-nightlife: #243e67;
--color-nightlife-50: #e9f6ff;
--color-nightlife-100: #dae9ff;
--color-nightlife-200: #c2d5f6;
--color-nightlife-300: #a1b8e0;
--color-nightlife-400: #83a0cd;
--color-nightlife-500: #6787ba;
--color-nightlife-600: #57729d;
--color-nightlife-700: #455c7e;
--color-nightlife-800: #31435d;
--color-nightlife-900: #212e41;
--color-nightlife-950: #101b2a;
}SCSS
$nightlife: #243e67;
$nightlife-rgb: 36, 62, 103;
$nightlife-light: mix(#fff, $nightlife, 20%);
$nightlife-dark: mix(#000, $nightlife, 20%);
.element {
color: $nightlife;
box-shadow: 0 0 0 2px rgba($nightlife, 0.35);
}