最接近的命名颜色 · #1A2F3E
#1A2F3E
最接近的命名颜色: Blue Whale
#1A2F3E（rgb(26 47 62)、hsl(205 41% 17%)、oklch(0.295 0.038 240.9)）最接近命名颜色 Blue Whale。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#1A2F3E
oklch(0.295 0.038 240.9)
颜色转换
- HEX
- #1a2f3e
- RGB
- rgb(26 47 62)
- HSL
- hsl(205 41% 17%)
- HWB
- hwb(205 10% 76%)
- OKLCH
- oklch(0.295 0.038 240.9)
- OKLab
- oklab(0.295 -0.019 -0.034)
- CIE Lab
- lab(18.19 -4.81 -12.31)
- LCH
- lch(18.19 13.21 248.7)
- CMYK
- cmyk(58% 24% 0% 76%)
浅色调 · 深色调 · 灰色调
浅色调
- 2E414F
- 425461
- 586773
- 6E7B86
- 849099
- 9CA5AD
- B4BBC1
- CCD1D5
- E5E8EA
深色调
- 152735
- 10202B
- 0C1923
- 07121A
- 040C12
- 02060A
- 010304
- 000101
- 000000
灰色调
- 243744
- 2D3E4B
- 374651
- 414E58
- 4B565E
- 565E65
- 60676C
- 6A6F72
- 757779
配色和谐
互补色 +180°
- 1A2F3E
Blue Whale
- 3B2818
≈ Woodsy Brown
类似色 -30° +30°
- 1A2F3E
Blue Whale
- 123237
≈ Elite Teal
- 252B40
≈ Valhalla
三角配色 +120° +240°
- 1A2F3E
Blue Whale
- 3D242B
≈ Temptress
- 2A3019
≈ Mountain Range Green
分裂互补色 +150° +210°
- 1A2F3E
Blue Whale
- 3E2521
≈ Ethereal Espresso
- 342C15
≈ Brown Tumbleweed
四角配色 +90° +180° +270°
- 1A2F3E
Blue Whale
- 382535
≈ Rare Wine
- 3B2818
≈ Woodsy Brown
- 1E3223
≈ Cardin Green
对比度与无障碍
Ag
AAA白底
WCAG 13.81:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.52:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.81:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--blue-whale: #1a2f3e;
--blue-whale-rgb: 26 47 62;
--blue-whale-oklch: oklch(0.295 0.038 240.9);
}
.element {
color: var(--blue-whale);
background-color: hsl(205 41% 17%);
border-color: oklch(0.295 0.038 240.9);
}Tailwind CSS v4
@theme {
--color-blue-whale: #1a2f3e;
--color-blue-whale-50: #ecf7ff;
--color-blue-whale-100: #ddeaf4;
--color-blue-whale-200: #c7d7e4;
--color-blue-whale-300: #a7baca;
--color-blue-whale-400: #8ba2b3;
--color-blue-whale-500: #708a9e;
--color-blue-whale-600: #5f7585;
--color-blue-whale-700: #4c5d6b;
--color-blue-whale-800: #36444e;
--color-blue-whale-900: #252f37;
--color-blue-whale-950: #141c21;
}SCSS
$blue-whale: #1a2f3e;
$blue-whale-rgb: 26, 47, 62;
$blue-whale-light: mix(#fff, $blue-whale, 20%);
$blue-whale-dark: mix(#000, $blue-whale, 20%);
.element {
color: $blue-whale;
box-shadow: 0 0 0 2px rgba($blue-whale, 0.35);
}