最接近的命名颜色 · #2B669D
#2B669D
最接近的命名颜色: Wing Commander
#2B669D（rgb(43 102 157)、hsl(209 57% 39%)、oklch(0.498 0.107 249.5)）最接近命名颜色 Wing Commander。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2B669D
oklch(0.498 0.107 249.5)
颜色转换
- HEX
- #2b669d
- RGB
- rgb(43 102 157)
- HSL
- hsl(209 57% 39%)
- HWB
- hwb(209 17% 38%)
- OKLCH
- oklch(0.498 0.107 249.5)
- OKLab
- oklab(0.498 -0.038 -0.1)
- CIE Lab
- lab(41.38 -4.89 -36.1)
- LCH
- lch(41.38 36.43 262.3)
- CMYK
- cmyk(73% 35% 0% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- 4175A7
- 5684B1
- 6B93BB
- 80A2C5
- 94B1CF
- A9C0D9
- BED0E2
- D4DFEC
- E9EFF6
深色调
- 245888
- 1D4A73
- 163C5F
- 102F4C
- 0A233A
- 051728
- 020C18
- 010409
- 000001
灰色调
- 36699B
- 3F6C98
- 486F95
- 517293
- 597490
- 61778D
- 69798A
- 717C87
- 787E83
配色和谐
互补色 +180°
- 2B669D
Wing Commander
- 895603
≈ Spear Shaft
类似色 -30° +30°
- 2B669D
Wing Commander
- 006E86
≈ Amalfi
- 575B9E
≈ Purple Frenzy
三角配色 +120° +240°
- 2B669D
Wing Commander
- 954655
≈ Haitian Flower
- 4F6E25
≈ Loren Forest
分裂互补色 +150° +210°
- 2B669D
Wing Commander
- 954B31
≈ Arabian Spice
- 716300
≈ Spicy Mustard
四角配色 +90° +180° +270°
- 2B669D
Wing Commander
- 8A4876
≈ Thistle Mauve
- 895603
≈ Spear Shaft
- 13754C
≈ Gnarls Green
对比度与无障碍
Ag
AA白底
WCAG 6.01:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.49:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--wing-commander: #2b669d;
--wing-commander-rgb: 43 102 157;
--wing-commander-oklch: oklch(0.498 0.107 249.5);
}
.element {
color: var(--wing-commander);
background-color: hsl(209 57% 39%);
border-color: oklch(0.498 0.107 249.5);
}Tailwind CSS v4
@theme {
--color-wing-commander: #2b669d;
--color-wing-commander-50: #dff8ff;
--color-wing-commander-100: #ceebff;
--color-wing-commander-200: #b3d8ff;
--color-wing-commander-300: #8fbced;
--color-wing-commander-400: #6ba3db;
--color-wing-commander-500: #498aca;
--color-wing-commander-600: #3e75aa;
--color-wing-commander-700: #325e89;
--color-wing-commander-800: #214565;
--color-wing-commander-900: #163047;
--color-wing-commander-950: #071c2f;
}SCSS
$wing-commander: #2b669d;
$wing-commander-rgb: 43, 102, 157;
$wing-commander-light: mix(#fff, $wing-commander, 20%);
$wing-commander-dark: mix(#000, $wing-commander, 20%);
.element {
color: $wing-commander;
box-shadow: 0 0 0 2px rgba($wing-commander, 0.35);
}