最接近的命名颜色 · #878C5A
#878C5A
最接近的命名颜色: Iguana
#878C5A（rgb(135 140 90)、hsl(66 22% 45%)、oklch(0.623 0.07 113.1)）最接近命名颜色 Iguana。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#878C5A
oklch(0.623 0.07 113.1)
颜色转换
- HEX
- #878c5a
- RGB
- rgb(135 140 90)
- HSL
- hsl(66 22% 45%)
- HWB
- hwb(66 35% 45%)
- OKLCH
- oklch(0.623 0.07 113.1)
- OKLab
- oklab(0.623 -0.028 0.065)
- CIE Lab
- lab(56.89 -8.07 26.09)
- LCH
- lch(56.89 27.31 107.2)
- CMYK
- cmyk(4% 0% 36% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 92976A
- 9EA27A
- A9AD8A
- B5B99A
- C1C4AB
- CDD0BB
- D9DBCC
- E6E7DD
- F2F3EE
深色调
- 75794D
- 636741
- 515535
- 414329
- 31331E
- 212313
- 131409
- 060703
- 010100
灰色调
- 868B5E
- 858A63
- 858967
- 84876A
- 83866E
- 838572
- 828476
- 818379
- 81817D
配色和谐
互补色 +180°
- 878C5A
Iguana
- 887FAE
≈ Aster Purple
类似色 -30° +30°
- 878C5A
Iguana
- 9C8455
≈ Spacious Plain
- 6E926C
≈ Paying Mantis
三角配色 +120° +240°
- 878C5A
Iguana
- 5A8FAB
≈ Blue Persia
- A9768B
≈ Cipher
分裂互补色 +150° +210°
- 878C5A
Iguana
- 7187B2
≈ Kimono
- 9C79A0
≈ Divine
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.54:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.92:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--iguana: #878c5a;
--iguana-rgb: 135 140 90;
--iguana-oklch: oklch(0.623 0.07 113.1);
}
.element {
color: var(--iguana);
background-color: hsl(66 22% 45%);
border-color: oklch(0.623 0.07 113.1);
}Tailwind CSS v4
@theme {
--color-iguana: #878c5a;
--color-iguana-50: #f4f8e1;
--color-iguana-100: #e7ebd1;
--color-iguana-200: #d3d8b7;
--color-iguana-300: #b6bc93;
--color-iguana-400: #9ea373;
--color-iguana-500: #868b54;
--color-iguana-600: #717648;
--color-iguana-700: #5b5e39;
--color-iguana-800: #434528;
--color-iguana-900: #2e301b;
--color-iguana-950: #1b1c0b;
}SCSS
$iguana: #878c5a;
$iguana-rgb: 135, 140, 90;
$iguana-light: mix(#fff, $iguana, 20%);
$iguana-dark: mix(#000, $iguana, 20%);
.element {
color: $iguana;
box-shadow: 0 0 0 2px rgba($iguana, 0.35);
}