이름 색상 · #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);
}