最接近的命名颜色 · #969B75
#969B75
最接近的命名颜色: Guacamole
#969B75（rgb(150 155 117)、hsl(68 16% 53%)、oklch(0.675 0.054 113.9)）最接近命名颜色 Guacamole。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#969B75
oklch(0.675 0.054 113.9)
颜色转换
- HEX
- #969b75
- RGB
- rgb(150 155 117)
- HSL
- hsl(68 16% 53%)
- HWB
- hwb(68 46% 39%)
- OKLCH
- oklch(0.675 0.054 113.9)
- OKLab
- oklab(0.675 -0.022 0.049)
- CIE Lab
- lab(62.81 -6.77 19.38)
- LCH
- lch(62.81 20.53 109.3)
- CMYK
- cmyk(3% 0% 25% 39%)
浅色调 · 深色调 · 灰色调
浅色调
- A0A582
- AAAE90
- B4B89D
- BFC2AB
- C9CCB8
- D4D6C6
- DEE0D4
- E9EAE2
- F4F5F1
深色调
- 828665
- 6E7255
- 5B5E46
- 494B37
- 373929
- 26281C
- 16180F
- 080905
- 010101
灰色调
- 949876
- 919678
- 8F9379
- 8D907A
- 8B8E7B
- 898B7C
- 86887D
- 84857E
- 82837F
配色和谐
互补色 +180°
- 969B75
Guacamole
- 9891B5
≈ Indifferent
类似色 -30° +30°
- 969B75
Guacamole
- A79571
≈ Roycroft Suede
- 83A082
≈ Basswood Green
三角配色 +120° +240°
- 969B75
Guacamole
- 769DB3
≈ Frozen Lake
- B28A99
≈ Monastir
分裂互补色 +150° +210°
- 969B75
Guacamole
- 8697B9
≈ Periwinkle Blossom
- A88CAA
≈ Aged to Perfection
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.89:1 · APCA Lc 55
Ag
AAA黑底
WCAG 7.24:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.24:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--guacamole: #969b75;
--guacamole-rgb: 150 155 117;
--guacamole-oklch: oklch(0.675 0.054 113.9);
}
.element {
color: var(--guacamole);
background-color: hsl(68 16% 53%);
border-color: oklch(0.675 0.054 113.9);
}Tailwind CSS v4
@theme {
--color-guacamole: #969b75;
--color-guacamole-50: #f4f7e6;
--color-guacamole-100: #e7ead6;
--color-guacamole-200: #d3d8be;
--color-guacamole-300: #b6bb9c;
--color-guacamole-400: #9ea27e;
--color-guacamole-500: #858b61;
--color-guacamole-600: #717553;
--color-guacamole-700: #5a5e42;
--color-guacamole-800: #43442f;
--color-guacamole-900: #2e2f20;
--color-guacamole-950: #1b1c0f;
}SCSS
$guacamole: #969b75;
$guacamole-rgb: 150, 155, 117;
$guacamole-light: mix(#fff, $guacamole, 20%);
$guacamole-dark: mix(#000, $guacamole, 20%);
.element {
color: $guacamole;
box-shadow: 0 0 0 2px rgba($guacamole, 0.35);
}