命名颜色 · #80765F
Covert Green
Covert Green 即 #80765F：rgb(128 118 95)、hsl(42 15% 44%)、oklch(0.569 0.036 87.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Covert Green color name →
#80765F
oklch(0.569 0.036 87.3)
颜色转换
- HEX
- #80765f
- RGB
- rgb(128 118 95)
- HSL
- hsl(42 15% 44%)
- HWB
- hwb(42 37% 50%)
- OKLCH
- oklch(0.569 0.036 87.3)
- OKLab
- oklab(0.569 0.002 0.036)
- CIE Lab
- lab(50.08 1.08 14.2)
- LCH
- lch(50.08 14.24 85.6)
- CMYK
- cmyk(0% 8% 26% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 8C836E
- 98907D
- A49D8C
- B1AB9C
- BEB8AC
- CAC6BC
- D7D4CD
- E4E2DD
- F2F1EE
深色调
- 6E6652
- 5D5644
- 4D4738
- 3D382C
- 2E2920
- 1F1C15
- 120F0A
- 060503
- 010100
灰色调
- 807762
- 807866
- 807969
- 807A6C
- 807B70
- 807C73
- 807D76
- 807E7A
- 807F7D
配色和谐
互补色 +180°
- 80765F
Covert Green
- 6D778D
≈ Causeway
类似色 -30° +30°
- 80765F
Covert Green
- 887263
≈ Tree Branch
- 757A62
≈ Earl Green
三角配色 +120° +240°
- 80765F
Covert Green
- 5E7D82
≈ Refuge
- 837082
≈ Decorative Iris
分裂互补色 +150° +210°
- 80765F
Covert Green
- 637B8A
≈ Passageway
- 79738A
≈ Plum Shade
四角配色 +90° +180° +270°
- 80765F
Covert Green
- 617E77
≈ Penzance
- 6D778D
≈ Causeway
- 896E77
≈ Innocent Pink
对比度与无障碍
Ag
Fail白底
WCAG 4.49:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.67:1 · APCA Lc 30
最佳文字颜色: #000000
WCAG 4.67:1 (AA) · APCA Lc 30
Contrast pairs
代码片段
CSS
:root {
--covert-green: #80765f;
--covert-green-rgb: 128 118 95;
--covert-green-oklch: oklch(0.569 0.036 87.3);
}
.element {
color: var(--covert-green);
background-color: hsl(42 15% 44%);
border-color: oklch(0.569 0.036 87.3);
}Tailwind CSS v4
@theme {
--color-covert-green: #80765f;
--color-covert-green-50: #f9f5ea;
--color-covert-green-100: #ede8db;
--color-covert-green-200: #dad4c3;
--color-covert-green-300: #bfb7a3;
--color-covert-green-400: #a79e87;
--color-covert-green-500: #90856b;
--color-covert-green-600: #7a715b;
--color-covert-green-700: #625a49;
--color-covert-green-800: #484234;
--color-covert-green-900: #322d24;
--color-covert-green-950: #1e1a13;
}SCSS
$covert-green: #80765f;
$covert-green-rgb: 128, 118, 95;
$covert-green-light: mix(#fff, $covert-green, 20%);
$covert-green-dark: mix(#000, $covert-green, 20%);
.element {
color: $covert-green;
box-shadow: 0 0 0 2px rgba($covert-green, 0.35);
}