最接近的命名颜色 · #00262E
#00262E
最接近的命名颜色: Black Box
#00262E（rgb(0 38 46)、hsl(190 100% 9%)、oklch(0.247 0.044 215.2)）最接近命名颜色 Black Box。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00262E
oklch(0.247 0.044 215.2)
颜色转换
- HEX
- #00262e
- RGB
- rgb(0 38 46)
- HSL
- hsl(190 100% 9%)
- HWB
- hwb(190 0% 82%)
- OKLCH
- oklch(0.247 0.044 215.2)
- OKLab
- oklab(0.247 -0.036 -0.025)
- CIE Lab
- lab(12.95 -10.99 -9.27)
- LCH
- lch(12.95 14.38 220.2)
- CMYK
- cmyk(100% 17% 0% 82%)
浅色调 · 深色调 · 灰色调
浅色调
- 193940
- 314C53
- 486067
- 60757B
- 798B90
- 92A1A5
- ADB8BB
- C8CFD1
- E3E7E8
深色调
- 002027
- 00191F
- 001318
- 000D12
- 00080B
- 000406
- 000202
- 000101
- 000000
灰色调
- 0E2E36
- 1C373D
- 284045
- 35484D
- 415156
- 4D5A5E
- 5A6466
- 666D6F
- 737677
配色和谐
互补色 +180°
- 00262E
Black Box
- 331912
≈ Darkroom
类似色 -30° +30°
- 00262E
Black Box
- 002824
≈ Deep Slate Green
- 0D2334
≈ Fog of War
三角配色 +120° +240°
- 00262E
Black Box
- 2E1929
≈ Black Cherry
- 272105
≈ Liquorice Root
分裂互补色 +150° +210°
- 00262E
Black Box
- 32181E
≈ Tamarind
- 2F1C08
≈ Powdered Cocoa
四角配色 +90° +180° +270°
- 00262E
Black Box
- 261B32
≈ Black Howl
- 331912
≈ Darkroom
- 1C250C
≈ Midnight Pines
对比度与无障碍
Ag
AAA白底
WCAG 15.94:1 · APCA Lc 103
Ag
Fail黑底
WCAG 1.31:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.94:1 (AAA) · APCA Lc 103
Contrast pairs
代码片段
CSS
:root {
--black-box: #00262e;
--black-box-rgb: 0 38 46;
--black-box-oklch: oklch(0.247 0.044 215.2);
}
.element {
color: var(--black-box);
background-color: hsl(190 100% 9%);
border-color: oklch(0.247 0.044 215.2);
}Tailwind CSS v4
@theme {
--color-black-box: #00262e;
--color-black-box-50: #e8f9fd;
--color-black-box-100: #d9ecf2;
--color-black-box-200: #c0d9e1;
--color-black-box-300: #9fbdc6;
--color-black-box-400: #82a5af;
--color-black-box-500: #658e98;
--color-black-box-600: #557881;
--color-black-box-700: #446067;
--color-black-box-800: #31474b;
--color-black-box-900: #213134;
--color-black-box-950: #101d20;
}SCSS
$black-box: #00262e;
$black-box-rgb: 0, 38, 46;
$black-box-light: mix(#fff, $black-box, 20%);
$black-box-dark: mix(#000, $black-box, 20%);
.element {
color: $black-box;
box-shadow: 0 0 0 2px rgba($black-box, 0.35);
}