最接近的命名颜色 · #2D6731
#2D6731
最接近的命名颜色: Bucolic
#2D6731（rgb(45 103 49)、hsl(124 39% 29%)、oklch(0.461 0.104 145)）最接近命名颜色 Bucolic。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2D6731
oklch(0.461 0.104 145)
颜色转换
- HEX
- #2d6731
- RGB
- rgb(45 103 49)
- HSL
- hsl(124 39% 29%)
- HWB
- hwb(124 18% 60%)
- OKLCH
- oklch(0.461 0.104 145)
- OKLab
- oklab(0.461 -0.085 0.06)
- CIE Lab
- lab(38.71 -29.19 24.28)
- LCH
- lch(38.71 37.96 140.2)
- CMYK
- cmyk(56% 0% 52% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 427545
- 578458
- 6B936C
- 80A280
- 94B194
- A9C0A9
- BED0BE
- D3DFD3
- E9EFE9
深色调
- 265929
- 1F4B22
- 183D1A
- 113013
- 0B230C
- 061706
- 020C03
- 010401
- 000000
灰色调
- 376A39
- 406C42
- 496F4A
- 517252
- 597459
- 617761
- 697969
- 717B71
- 787E78
配色和谐
互补色 +180°
- 2D6731
Bucolic
- 754278
≈ Spring Lobster Dye
类似色 -30° +30°
- 2D6731
Bucolic
- 575E01
≈ Greensboro
- 006855
≈ Piney Lake
三角配色 +120° +240°
- 2D6731
Bucolic
- 3B5592
≈ Muted Lavender
- 893E3A
≈ Red Blooded
分裂互补色 +150° +210°
- 2D6731
Bucolic
- 5D4B8C
≈ Purple Corallite
- 843D5B
≈ Ancient Royal Banner
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.78:1 · APCA Lc 83
Ag
Fail黑底
WCAG 3.09:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--bucolic: #2d6731;
--bucolic-rgb: 45 103 49;
--bucolic-oklch: oklch(0.461 0.104 145);
}
.element {
color: var(--bucolic);
background-color: hsl(124 39% 29%);
border-color: oklch(0.461 0.104 145);
}Tailwind CSS v4
@theme {
--color-bucolic: #2d6731;
--color-bucolic-50: #e3fee4;
--color-bucolic-100: #d2f2d4;
--color-bucolic-200: #b8e1bb;
--color-bucolic-300: #94c699;
--color-bucolic-400: #77af78;
--color-bucolic-500: #579859;
--color-bucolic-600: #4a814c;
--color-bucolic-700: #3b673d;
--color-bucolic-800: #2b4c2a;
--color-bucolic-900: #1d341c;
--color-bucolic-950: #0d200c;
}SCSS
$bucolic: #2d6731;
$bucolic-rgb: 45, 103, 49;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}