最接近的命名颜色 · #4F6B38
#4F6B38
最接近的命名颜色: Botanical
#4F6B38（rgb(79 107 56)、hsl(93 31% 32%)、oklch(0.492 0.083 132.3)）最接近命名颜色 Botanical。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4F6B38
oklch(0.492 0.083 132.3)
颜色转换
- HEX
- #4f6b38
- RGB
- rgb(79 107 56)
- HSL
- hsl(93 31% 32%)
- HWB
- hwb(93 22% 58%)
- OKLCH
- oklch(0.492 0.083 132.3)
- OKLab
- oklab(0.492 -0.056 0.061)
- CIE Lab
- lab(42.03 -18.09 25)
- LCH
- lch(42.03 30.86 125.9)
- CMYK
- cmyk(26% 0% 48% 58%)
浅色调 · 深色调 · 灰色调
浅色调
- 5F794B
- 70875E
- 809571
- 92A484
- A3B398
- B5C2AC
- C7D1C0
- D9E0D5
- ECEFEA
深色调
- 445C2F
- 384E27
- 2E3F1F
- 233217
- 19250F
- 101808
- 070D04
- 020401
- 000000
灰色调
- 546D40
- 596F47
- 5E724F
- 637456
- 67765D
- 6C7864
- 717A6B
- 767C72
- 7B7E79
配色和谐
互补色 +180°
- 4F6B38
Botanical
- 715383
≈ Gutsy Grape
类似色 -30° +30°
- 4F6B38
Botanical
- 6A6325
≈ Greenish Brown
- 2D7053
≈ Jungle Book Green
三角配色 +120° +240°
- 4F6B38
Botanical
- 3D648F
≈ Blue Ribbon Beauty
- 894C54
≈ Cordial
分裂互补色 +150° +210°
- 4F6B38
Botanical
- 5A5B8F
≈ Midnight Sea
- 814D6E
≈ Madder Magenta
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.01:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.49:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--botanical: #4f6b38;
--botanical-rgb: 79 107 56;
--botanical-oklch: oklch(0.492 0.083 132.3);
}
.element {
color: var(--botanical);
background-color: hsl(93 31% 32%);
border-color: oklch(0.492 0.083 132.3);
}Tailwind CSS v4
@theme {
--color-botanical: #4f6b38;
--color-botanical-50: #ecfbe3;
--color-botanical-100: #ddefd3;
--color-botanical-200: #c6ddb9;
--color-botanical-300: #a6c196;
--color-botanical-400: #8ca976;
--color-botanical-500: #719257;
--color-botanical-600: #607b4b;
--color-botanical-700: #4d633b;
--color-botanical-800: #394829;
--color-botanical-900: #27321c;
--color-botanical-950: #151e0c;
}SCSS
$botanical: #4f6b38;
$botanical-rgb: 79, 107, 56;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}