最接近的命名颜色 · #00662E
#00662E
最接近的命名颜色: Bucolic
#00662E（rgb(0 102 46)、hsl(147 100% 20%)、oklch(0.446 0.121 150.7)）最接近命名颜色 Bucolic。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00662E
oklch(0.446 0.121 150.7)
颜色转换
- HEX
- #00662e
- RGB
- rgb(0 102 46)
- HSL
- hsl(147 100% 20%)
- HWB
- hwb(147 0% 60%)
- OKLCH
- oklch(0.446 0.121 150.7)
- OKLab
- oklab(0.446 -0.105 0.059)
- CIE Lab
- lab(37.28 -37.1 23.88)
- LCH
- lch(37.28 44.12 147.2)
- CMYK
- cmyk(100% 0% 55% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 2B7542
- 458455
- 5D9369
- 74A27E
- 8BB192
- A1C0A7
- B8D0BD
- D0DFD2
- E7EFE9
深色调
- 005827
- 004A1F
- 003C18
- 002F12
- 00230B
- 001706
- 000C02
- 000401
- 000000
灰色调
- 1D6937
- 2D6C3F
- 3A6F48
- 457150
- 507458
- 5A7760
- 647968
- 6D7B70
- 777E78
配色和谐
互补色 +180°
- 00662E
Bucolic
- 783773
≈ Veronica Purple
类似色 -30° +30°
- 00662E
Bucolic
- 4C5C00
≈ Kyuri Green
- 006257
≈ Dancing Peacock
三角配色 +120° +240°
- 00662E
Bucolic
- 3C4D96
≈ Deep Ultramarine
- 8B3428
≈ Burnt Umber
分裂互补色 +150° +210°
- 00662E
Bucolic
- 60418C
≈ Daisy Bush
- 873251
≈ Disco
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 7.14:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.93:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--bucolic: #00662e;
--bucolic-rgb: 0 102 46;
--bucolic-oklch: oklch(0.446 0.121 150.7);
}
.element {
color: var(--bucolic);
background-color: hsl(147 100% 20%);
border-color: oklch(0.446 0.121 150.7);
}Tailwind CSS v4
@theme {
--color-bucolic: #00662e;
--color-bucolic-50: #dcffe5;
--color-bucolic-100: #caf4d5;
--color-bucolic-200: #ade4bc;
--color-bucolic-300: #87ca9a;
--color-bucolic-400: #65b379;
--color-bucolic-500: #3d9c5b;
--color-bucolic-600: #36844d;
--color-bucolic-700: #2b6a3d;
--color-bucolic-800: #204e2a;
--color-bucolic-900: #15361c;
--color-bucolic-950: #06210c;
}SCSS
$bucolic: #00662e;
$bucolic-rgb: 0, 102, 46;
$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);
}