最接近的命名颜色 · #240A0E
#240A0E
最接近的命名颜色: Dwarf Fortress
#240A0E（rgb(36 10 14)、hsl(351 57% 9%)、oklch(0.19 0.044 12.8)）最接近命名颜色 Dwarf Fortress。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#240A0E
oklch(0.19 0.044 12.8)
颜色转换
- HEX
- #240a0e
- RGB
- rgb(36 10 14)
- HSL
- hsl(351 57% 9%)
- HWB
- hwb(351 4% 86%)
- OKLCH
- oklch(0.19 0.044 12.8)
- OKLab
- oklab(0.19 0.043 0.01)
- CIE Lab
- lab(5.75 13.39 2.98)
- LCH
- lch(5.75 13.72 12.5)
- CMYK
- cmyk(0% 72% 61% 86%)
浅色调 · 深色调 · 灰色调
浅色调
- 381E21
- 4C3336
- 604A4C
- 766163
- 8B7A7B
- A29394
- B8ADAE
- CFC8C8
- E7E3E3
深色调
- 1E070B
- 180507
- 120305
- 0C0203
- 070102
- 040101
- 020000
- 000000
- 000000
灰色调
- 2D1518
- 361F22
- 3F2B2C
- 483637
- 524243
- 5B4E4F
- 645A5A
- 6D6667
- 777373
配色和谐
互补色 +180°
- 240A0E
Dwarf Fortress
- 001818
≈ Black Stallion
类似色 -30° +30°
- 240A0E
Dwarf Fortress
- 210B19
≈ Meški Black
- 240C03
≈ Severely Burnt Toast
三角配色 +120° +240°
- 240A0E
Dwarf Fortress
- 0C1803
≈ Pinch of Pepper
- 041427
≈ Creeping Death
分裂互补色 +150° +210°
- 240A0E
Dwarf Fortress
- 00190E
≈ Pinch of Pepper
- 00171F
≈ Creeping Death
四角配色 +90° +180° +270°
- 240A0E
Dwarf Fortress
- 171400
≈ Chinese Black
- 001818
≈ Black Stallion
- 111027
≈ Corbeau
对比度与无障碍
Ag
AAA白底
WCAG 18.67:1 · APCA Lc 105
Ag
Fail黑底
WCAG 1.12:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 18.67:1 (AAA) · APCA Lc 105
Contrast pairs
代码片段
CSS
:root {
--dwarf-fortress: #240a0e;
--dwarf-fortress-rgb: 36 10 14;
--dwarf-fortress-oklch: oklch(0.19 0.044 12.8);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(351 57% 9%);
border-color: oklch(0.19 0.044 12.8);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #240a0e;
--color-dwarf-fortress-50: #fff0f1;
--color-dwarf-fortress-100: #f6e2e3;
--color-dwarf-fortress-200: #e7cdce;
--color-dwarf-fortress-300: #cdafb0;
--color-dwarf-fortress-400: #b79497;
--color-dwarf-fortress-500: #a17a7e;
--color-dwarf-fortress-600: #88686b;
--color-dwarf-fortress-700: #6d5355;
--color-dwarf-fortress-800: #513c3f;
--color-dwarf-fortress-900: #38292b;
--color-dwarf-fortress-950: #231718;
}SCSS
$dwarf-fortress: #240a0e;
$dwarf-fortress-rgb: 36, 10, 14;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}