色名 · #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);
}