最接近的命名颜色 · #556115
#556115
最接近的命名颜色: Forestial Outpost
#556115（rgb(85 97 21)、hsl(69 64% 23%)、oklch(0.467 0.098 118.3)）最接近命名颜色 Forestial Outpost。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#556115
oklch(0.467 0.098 118.3)
颜色转换
- HEX
- #556115
- RGB
- rgb(85 97 21)
- HSL
- hsl(69 64% 23%)
- HWB
- hwb(69 8% 62%)
- OKLCH
- oklch(0.467 0.098 118.3)
- OKLab
- oklab(0.467 -0.047 0.087)
- CIE Lab
- lab(38.96 -12.88 38.64)
- LCH
- lch(38.96 40.74 108.4)
- CMYK
- cmyk(12% 0% 78% 62%)
浅色调 · 深色调 · 灰色调
浅色调
- 647031
- 747F48
- 848E5E
- 949E74
- A5AE8B
- B7BDA1
- C8CEB8
- DADED0
- ECEEE7
深色调
- 495311
- 3D460C
- 313908
- 262D05
- 1C2103
- 111502
- 080B01
- 020300
- 000000
灰色调
- 596425
- 5D6831
- 616B3C
- 656E46
- 6A7150
- 6E745A
- 727764
- 777A6D
- 7B7D77
配色和谐
互补色 +180°
- 556115
Forestial Outpost
- 614C89
≈ Bright Eggplant
类似色 -30° +30°
- 556115
Forestial Outpost
- 705600
≈ Pickled Grape Leaves
- 2D6939
≈ Vegas Green
三角配色 +120° +240°
- 556115
Forestial Outpost
- 0F618A
≈ Ink Blotch
- 854059
≈ Ancient Royal Banner
分裂互补色 +150° +210°
- 556115
Forestial Outpost
- 435691
≈ Canyon Iris
- 774475
≈ Purple Passion
四角配色 +90° +180° +270°
- 556115
Forestial Outpost
- 006672
≈ Wakame Green
- 614C89
≈ Bright Eggplant
- 89423A
≈ Chocolate Cherry
对比度与无障碍
Ag
AA白底
WCAG 6.75:1 · APCA Lc 83
Ag
Fail黑底
WCAG 3.10:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.75:1 (AA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--forestial-outpost: #556115;
--forestial-outpost-rgb: 85 97 21;
--forestial-outpost-oklch: oklch(0.467 0.098 118.3);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(69 64% 23%);
border-color: oklch(0.467 0.098 118.3);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #556115;
--color-forestial-outpost-50: #f1fadb;
--color-forestial-outpost-100: #e3edc9;
--color-forestial-outpost-200: #cedbac;
--color-forestial-outpost-300: #b0bf86;
--color-forestial-outpost-400: #99a762;
--color-forestial-outpost-500: #808f3e;
--color-forestial-outpost-600: #6c7935;
--color-forestial-outpost-700: #57612a;
--color-forestial-outpost-800: #40471c;
--color-forestial-outpost-900: #2c3112;
--color-forestial-outpost-950: #1a1d05;
}SCSS
$forestial-outpost: #556115;
$forestial-outpost-rgb: 85, 97, 21;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}