最接近的命名颜色 · #ABCDB9
#ABCDB9
最接近的命名颜色: Gum Leaf
#ABCDB9（rgb(171 205 185)、hsl(145 25% 74%)、oklch(0.818 0.046 159.4)）最接近命名颜色 Gum Leaf。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#ABCDB9
oklch(0.818 0.046 159.4)
颜色转换
- HEX
- #abcdb9
- RGB
- rgb(171 205 185)
- HSL
- hsl(145 25% 74%)
- HWB
- hwb(145 67% 20%)
- OKLCH
- oklch(0.818 0.046 159.4)
- OKLab
- oklab(0.818 -0.043 0.016)
- CIE Lab
- lab(79.48 -14.71 6.03)
- LCH
- lch(79.48 15.9 157.7)
- CMYK
- cmyk(17% 0% 10% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- B3D2C0
- BCD7C7
- C4DCCE
- CCE1D5
- D5E6DC
- DDEBE3
- E6F0EA
- EEF5F1
- F7FAF8
深色调
- 94B2A0
- 7E9889
- 687E71
- 54665B
- 404E46
- 2D3831
- 1B231E
- 0B0F0D
- 010202
灰色调
- A7C5B3
- A2BDAD
- 9EB5A8
- 9AAEA2
- 96A69C
- 919E96
- 8D9691
- 898F8B
- 848786
配色和谐
互补色 +180°
- ABCDB9
Gum Leaf
- D9B8CD
≈ Immortal Indigo
类似色 -30° +30°
- ABCDB9
Gum Leaf
- BACAAB
≈ Pale Leaf
- A2CDCA
≈ Ice Boutique Turquoise
三角配色 +120° +240°
- ABCDB9
Gum Leaf
- BDC1E1
≈ Canterbury Bells
- DFBAAE
≈ Pickled Pork
分裂互补色 +150° +210°
- ABCDB9
Gum Leaf
- CCBCDA
≈ Petite Purple
- DFB8BD
≈ Shy Young Salmon
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黑底
WCAG 12.16:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--gum-leaf: #abcdb9;
--gum-leaf-rgb: 171 205 185;
--gum-leaf-oklch: oklch(0.818 0.046 159.4);
}
.element {
color: var(--gum-leaf);
background-color: hsl(145 25% 74%);
border-color: oklch(0.818 0.046 159.4);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #abcdb9;
--color-gum-leaf-50: #eaf9f1;
--color-gum-leaf-100: #dbede3;
--color-gum-leaf-200: #c4dbce;
--color-gum-leaf-300: #a4bfb0;
--color-gum-leaf-400: #88a795;
--color-gum-leaf-500: #6c907b;
--color-gum-leaf-600: #5c7a69;
--color-gum-leaf-700: #496154;
--color-gum-leaf-800: #35473c;
--color-gum-leaf-900: #243129;
--color-gum-leaf-950: #131d17;
}SCSS
$gum-leaf: #abcdb9;
$gum-leaf-rgb: 171, 205, 185;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}