가장 가까운 이름 색상 · #C0A46E
#C0A46E
가장 가까운 이름 색상: Gold Rush
#C0A46E(rgb(192 164 110), hsl(40 39% 59%), oklch(0.731 0.079 83.2))와 가장 가까운 이름 색상은 Gold Rush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C0A46E
oklch(0.731 0.079 83.2)
색상 변환
- HEX
- #c0a46e
- RGB
- rgb(192 164 110)
- HSL
- hsl(40 39% 59%)
- HWB
- hwb(40 43% 25%)
- OKLCH
- oklch(0.731 0.079 83.2)
- OKLab
- oklab(0.731 0.009 0.078)
- CIE Lab
- lab(68.96 5.18 32)
- LCH
- lch(68.96 32.42 80.8)
- CMYK
- cmyk(0% 15% 43% 25%)
틴트 · 셰이드 · 톤
틴트
- C6AD7D
- CDB68B
- D3BF9A
- D9C8A8
- DFD1B6
- E6DAC5
- ECE3D3
- F2EDE2
- F9F6F0
셰이드
- A78E5F
- 8E7950
- 766441
- 5F5033
- 493D26
- 342B19
- 201A0E
- 0E0A04
- 020101
톤
- B9A071
- B39D73
- AC9975
- A69677
- A09279
- 998F7B
- 938B7C
- 8D877E
- 86847F
색 조화
보색 +180°
- C0A46E
Gold Rush
- 8EA8DA
≈ Black Drop
유사색 -30° +30°
- C0A46E
Gold Rush
- D09B79
≈ Sweet Almond
- A8AE74
≈ Wasabi Green
삼각 배색 +120° +240°
- C0A46E
Gold Rush
- 68B7BE
≈ Maritime Soft Blue
- C198C5
≈ Lilac Pink
분열 보색 +150° +210°
- C0A46E
Gold Rush
- 75B1D2
≈ Meadow Blossom Blue
- AA9FD5
≈ Simply Violet
사각 배색 +90° +180° +270°
- C0A46E
Gold Rush
- 71B8A3
≈ Turtle Lake
- 8EA8DA
≈ Black Drop
- D094AC
≈ Exotic Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.39:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.77:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--gold-rush: #c0a46e;
--gold-rush-rgb: 192 164 110;
--gold-rush-oklch: oklch(0.731 0.079 83.2);
}
.element {
color: var(--gold-rush);
background-color: hsl(40 39% 59%);
border-color: oklch(0.731 0.079 83.2);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c0a46e;
--color-gold-rush-50: #fff4dc;
--color-gold-rush-100: #f4e7cb;
--color-gold-rush-200: #e4d2af;
--color-gold-rush-300: #cab58a;
--color-gold-rush-400: #b59b68;
--color-gold-rush-500: #9f8146;
--color-gold-rush-600: #876e3c;
--color-gold-rush-700: #6c5830;
--color-gold-rush-800: #504021;
--color-gold-rush-900: #382c16;
--color-gold-rush-950: #221907;
}SCSS
$gold-rush: #c0a46e;
$gold-rush-rgb: 192, 164, 110;
$gold-rush-light: mix(#fff, $gold-rush, 20%);
$gold-rush-dark: mix(#000, $gold-rush, 20%);
.element {
color: $gold-rush;
box-shadow: 0 0 0 2px rgba($gold-rush, 0.35);
}