最接近的命名颜色 · #ABC197
#ABC197
最接近的命名颜色: Norway
#ABC197（rgb(171 193 151)、hsl(91 25% 67%)、oklch(0.783 0.063 130.3)）最接近命名颜色 Norway。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#ABC197
oklch(0.783 0.063 130.3)
颜色转换
- HEX
- #abc197
- RGB
- rgb(171 193 151)
- HSL
- hsl(91 25% 67%)
- HWB
- hwb(91 59% 24%)
- OKLCH
- oklch(0.783 0.063 130.3)
- OKLab
- oklab(0.783 -0.04 0.048)
- CIE Lab
- lab(75.55 -13.45 18.61)
- LCH
- lch(75.55 22.97 125.9)
- CMYK
- cmyk(11% 0% 22% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- B3C7A1
- BBCDAB
- C4D3B6
- CCDAC0
- D4E0CA
- DDE6D5
- E5ECDF
- EEF2EA
- F6F9F4
深色调
- 94A783
- 7E8F6F
- 68775C
- 545F49
- 404937
- 2D3426
- 1B2017
- 0B0E08
- 010201
灰色调
- A7BA95
- A2B493
- 9EAD90
- 9AA78E
- 95A08C
- 919A8A
- 8D9387
- 888D85
- 848682
配色和谐
互补色 +180°
- ABC197
Norway
- C5AED7
≈ Darling Lilac
类似色 -30° +30°
- ABC197
Norway
- C1BA8C
≈ Goody Two Shoes
- 96C5AB
≈ Mini Green
三角配色 +120° +240°
- ABC197
Norway
- 9BBCE0
≈ Aegean Mist
- DDA8AF
≈ Raspberry Lemonade
分裂互补色 +150° +210°
- ABC197
Norway
- B0B5E1
≈ Beloved
- D5A9C5
≈ Heart to Heart
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.94:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.80:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--norway: #abc197;
--norway-rgb: 171 193 151;
--norway-oklch: oklch(0.783 0.063 130.3);
}
.element {
color: var(--norway);
background-color: hsl(91 25% 67%);
border-color: oklch(0.783 0.063 130.3);
}Tailwind CSS v4
@theme {
--color-norway: #abc197;
--color-norway-50: #eef9e7;
--color-norway-100: #e0edd7;
--color-norway-200: #cadabf;
--color-norway-300: #acbf9e;
--color-norway-400: #92a67f;
--color-norway-500: #788f63;
--color-norway-600: #667954;
--color-norway-700: #516143;
--color-norway-800: #3c472f;
--color-norway-900: #293120;
--color-norway-950: #171d10;
}SCSS
$norway: #abc197;
$norway-rgb: 171, 193, 151;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);
.element {
color: $norway;
box-shadow: 0 0 0 2px rgba($norway, 0.35);
}