最接近的命名颜色 · #2F4268
#2F4268
最接近的命名颜色: Forlorn Cruise
#2F4268（rgb(47 66 104)、hsl(220 38% 30%)、oklch(0.382 0.07 263.3)）最接近命名颜色 Forlorn Cruise。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2F4268
oklch(0.382 0.07 263.3)
颜色转换
- HEX
- #2f4268
- RGB
- rgb(47 66 104)
- HSL
- hsl(220 38% 30%)
- HWB
- hwb(220 18% 59%)
- OKLCH
- oklch(0.382 0.07 263.3)
- OKLab
- oklab(0.382 -0.008 -0.069)
- CIE Lab
- lab(27.78 1.6 -24.96)
- LCH
- lch(27.78 25.01 273.7)
- CMYK
- cmyk(55% 37% 0% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 415377
- 546585
- 687794
- 7C89A3
- 909CB2
- A6AFC1
- BBC3D0
- D1D6E0
- E8EBEF
深色调
- 273859
- 202F4B
- 19253E
- 121C30
- 0C1424
- 060B18
- 03050C
- 010104
- 000000
灰色调
- 37486B
- 3E4E6D
- 465570
- 4E5B73
- 566175
- 5E6777
- 676D7A
- 6F737C
- 777A7E
配色和谐
互补色 +180°
- 2F4268
Forlorn Cruise
- 553F0E
≈ Smoked Oak Brown
类似色 -30° +30°
- 2F4268
Forlorn Cruise
- 124962
≈ Swallow Blue
- 453B64
≈ Mulberry Purple
三角配色 +120° +240°
- 2F4268
Forlorn Cruise
- 633331
≈ War God
- 2B4C29
≈ Cal Poly Pomona Green
分裂互补色 +150° +210°
- 2F4268
Forlorn Cruise
- 5F381C
≈ Carnaby Tan
- 434716
≈ Alligator Gladiator
四角配色 +90° +180° +270°
- 2F4268
Forlorn Cruise
- 5F3246
≈ Grape Wine
- 553F0E
≈ Smoked Oak Brown
- 084F3F
≈ Urban Green
对比度与无障碍
Ag
AAA白底
WCAG 9.99:1 · APCA Lc 93
Ag
Fail黑底
WCAG 2.10:1 · APCA Lc 9
最佳文字颜色: #FFFFFF
WCAG 9.99:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--forlorn-cruise: #2f4268;
--forlorn-cruise-rgb: 47 66 104;
--forlorn-cruise-oklch: oklch(0.382 0.07 263.3);
}
.element {
color: var(--forlorn-cruise);
background-color: hsl(220 38% 30%);
border-color: oklch(0.382 0.07 263.3);
}Tailwind CSS v4
@theme {
--color-forlorn-cruise: #2f4268;
--color-forlorn-cruise-50: #ecf5ff;
--color-forlorn-cruise-100: #dde8ff;
--color-forlorn-cruise-200: #c6d4f3;
--color-forlorn-cruise-300: #a6b7dc;
--color-forlorn-cruise-400: #899fc8;
--color-forlorn-cruise-500: #6e86b5;
--color-forlorn-cruise-600: #5d7299;
--color-forlorn-cruise-700: #4a5b7b;
--color-forlorn-cruise-800: #35435b;
--color-forlorn-cruise-900: #242e3f;
--color-forlorn-cruise-950: #131b28;
}SCSS
$forlorn-cruise: #2f4268;
$forlorn-cruise-rgb: 47, 66, 104;
$forlorn-cruise-light: mix(#fff, $forlorn-cruise, 20%);
$forlorn-cruise-dark: mix(#000, $forlorn-cruise, 20%);
.element {
color: $forlorn-cruise;
box-shadow: 0 0 0 2px rgba($forlorn-cruise, 0.35);
}