最接近的命名颜色 · #2E4E00
#2E4E00
最接近的命名颜色: Deep Forestial Escapade
#2E4E00（rgb(46 78 0)、hsl(85 100% 15%)、oklch(0.384 0.105 131.3)）最接近命名颜色 Deep Forestial Escapade。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2E4E00
oklch(0.384 0.105 131.3)
颜色转换
- HEX
- #2e4e00
- RGB
- rgb(46 78 0)
- HSL
- hsl(85 100% 15%)
- HWB
- hwb(85 0% 69%)
- OKLCH
- oklch(0.384 0.105 131.3)
- OKLab
- oklab(0.384 -0.07 0.079)
- CIE Lab
- lab(29.59 -21.62 36.35)
- LCH
- lch(29.59 42.3 120.7)
- CMYK
- cmyk(41% 0% 100% 69%)
浅色调 · 深色调 · 灰色调
浅色调
- 415E22
- 546F3A
- 678052
- 7C9269
- 90A381
- A6B599
- BBC7B2
- D1DACB
- E8ECE5
深色调
- 274300
- 1F3800
- 182D00
- 122300
- 0B1900
- 060F00
- 020700
- 010200
- 000000
灰色调
- 365315
- 3E5824
- 465D31
- 4E623C
- 566748
- 5E6C53
- 67715E
- 6F766A
- 787B75
配色和谐
互补色 +180°
- 2E4E00
Deep Forestial Escapade
- 55306C
≈ Imperial Purple
类似色 -30° +30°
- 2E4E00
Deep Forestial Escapade
- 4D4400
≈ Roman Bronze
- 005134
≈ Trapper Green
三角配色 +120° +240°
- 2E4E00
Deep Forestial Escapade
- 094579
≈ Inoffensive Blue
- 702635
≈ Merlot Fields
分裂互补色 +150° +210°
- 2E4E00
Deep Forestial Escapade
- 3B3A79
≈ Sage Violet
- 672954
≈ Velvet Mauve
四角配色 +90° +180° +270°
- 2E4E00
Deep Forestial Escapade
- 004B5E
≈ Teal Dark Blue
- 55306C
≈ Imperial Purple
- 702B0D
≈ Moussaka
对比度与无障碍
Ag
AAA白底
WCAG 9.51:1 · APCA Lc 92
Ag
Fail黑底
WCAG 2.20:1 · APCA Lc 11
最佳文字颜色: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--deep-forestial-escapade: #2e4e00;
--deep-forestial-escapade-rgb: 46 78 0;
--deep-forestial-escapade-oklch: oklch(0.384 0.105 131.3);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(85 100% 15%);
border-color: oklch(0.384 0.105 131.3);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #2e4e00;
--color-deep-forestial-escapade-50: #e9fcde;
--color-deep-forestial-escapade-100: #daf0cc;
--color-deep-forestial-escapade-200: #c3dfb1;
--color-deep-forestial-escapade-300: #a2c48c;
--color-deep-forestial-escapade-400: #88ab69;
--color-deep-forestial-escapade-500: #6d9446;
--color-deep-forestial-escapade-600: #5c7d3c;
--color-deep-forestial-escapade-700: #4a6430;
--color-deep-forestial-escapade-800: #374920;
--color-deep-forestial-escapade-900: #253315;
--color-deep-forestial-escapade-950: #141f07;
}SCSS
$deep-forestial-escapade: #2e4e00;
$deep-forestial-escapade-rgb: 46, 78, 0;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}