Colore con nome · #C0C2A0
Chameleon Tango
Chameleon Tango è #C0C2A0: rgb(192 194 160), hsl(64 22% 69%), oklch(0.804 0.046 110.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chameleon Tango color name →
#C0C2A0
oklch(0.804 0.046 110.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C6C8A9
- CCCEB3
- D2D4BC
- D9DAC6
- DFE0CF
- E5E6D8
- ECECE2
- F2F3EC
- F9F9F5
Ombre
- A7A88B
- 8E8F76
- 767761
- 5F604E
- 49493B
- 343429
- 202019
- 0E0E09
- 020201
Toni
- B9BB9D
- B3B49A
- ACAE97
- A6A793
- 9FA090
- 999A8D
- 93938A
- 8C8D87
- 868683
Armonie di colore
Complementare +180°
- C0C2A0
Chameleon Tango
- BEBADB
≈ Wisteria Fragrance
Analogo -30° +30°
- C0C2A0
Chameleon Tango
- CFBC9E
≈ Polished Marble
- B0C7AB
≈ Gum Leaf
Triadico +120° +240°
- C0C2A0
Chameleon Tango
- A1C5D7
≈ Sound Waves
- D7B3C3
≈ Mauvelous
Complementare divisa +150° +210°
- C0C2A0
Chameleon Tango
- AEC0DD
≈ Promise
- CDB6D2
≈ Liberace
Tetradico +90° +180° +270°
- C0C2A0
Chameleon Tango
- 9DC8CB
≈ Aqua Mist
- BEBADB
≈ Wisteria Fragrance
- DBB4B2
≈ Peachskin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.46:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}