命名颜色 · #C0C2A0
Chameleon Tango
Chameleon Tango 即 #C0C2A0：rgb(192 194 160)、hsl(64 22% 69%)、oklch(0.804 0.046 110.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Chameleon Tango color name →
#C0C2A0
oklch(0.804 0.046 110.2)
颜色转换
- HEX
- #c0c2a0
- RGB
- rgb(192 194 160)
- HSL
- hsl(64 22% 69%)
- HWB
- hwb(64 63% 24%)
- OKLCH
- oklch(0.804 0.046 110.2)
- OKLab
- oklab(0.804 -0.016 0.043)
- CIE Lab
- lab(77.6 -5.01 16.95)
- LCH
- lch(77.6 17.67 106.5)
- CMYK
- cmyk(1% 0% 18% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C6C8A9
- CCCEB3
- D2D4BC
- D9DAC6
- DFE0CF
- E5E6D8
- ECECE2
- F2F3EC
- F9F9F5
深色调
- A7A88B
- 8E8F76
- 767761
- 5F604E
- 49493B
- 343429
- 202019
- 0E0E09
- 020201
灰色调
- B9BB9D
- B3B49A
- ACAE97
- A6A793
- 9FA090
- 999A8D
- 93938A
- 8C8D87
- 868683
配色和谐
互补色 +180°
- C0C2A0
Chameleon Tango
- BEBADB
≈ Wisteria Fragrance
类似色 -30° +30°
- C0C2A0
Chameleon Tango
- CFBC9E
≈ Polished Marble
- B0C7AB
≈ Gum Leaf
三角配色 +120° +240°
- C0C2A0
Chameleon Tango
- A1C5D7
≈ Sound Waves
- D7B3C3
≈ Mauvelous
分裂互补色 +150° +210°
- C0C2A0
Chameleon Tango
- AEC0DD
≈ Promise
- CDB6D2
≈ Liberace
四角配色 +90° +180° +270°
- C0C2A0
Chameleon Tango
- 9DC8CB
≈ Aqua Mist
- BEBADB
≈ Wisteria Fragrance
- DBB4B2
≈ Peachskin
对比度与无障碍
Ag
Fail白底
WCAG 1.83:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.46:1 · APCA Lc 68
最佳文字颜色: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
代码片段
CSS
:root {
--chameleon-tango: #c0c2a0;
--chameleon-tango-rgb: 192 194 160;
--chameleon-tango-oklch: oklch(0.804 0.046 110.2);
}
.element {
color: var(--chameleon-tango);
background-color: hsl(64 22% 69%);
border-color: oklch(0.804 0.046 110.2);
}Tailwind CSS v4
@theme {
--color-chameleon-tango: #c0c2a0;
--color-chameleon-tango-50: #f5f7e8;
--color-chameleon-tango-100: #e8ead8;
--color-chameleon-tango-200: #d4d7c0;
--color-chameleon-tango-300: #b7ba9f;
--color-chameleon-tango-400: #a0a182;
--color-chameleon-tango-500: #888966;
--color-chameleon-tango-600: #737456;
--color-chameleon-tango-700: #5c5d45;
--color-chameleon-tango-800: #444431;
--color-chameleon-tango-900: #2f2f21;
--color-chameleon-tango-950: #1b1b11;
}SCSS
$chameleon-tango: #c0c2a0;
$chameleon-tango-rgb: 192, 194, 160;
$chameleon-tango-light: mix(#fff, $chameleon-tango, 20%);
$chameleon-tango-dark: mix(#000, $chameleon-tango, 20%);
.element {
color: $chameleon-tango;
box-shadow: 0 0 0 2px rgba($chameleon-tango, 0.35);
}