가장 가까운 이름 색상 · #C6A978
#C6A978
가장 가까운 이름 색상: Gold Rush
#C6A978(rgb(198 169 120), hsl(38 41% 62%), oklch(0.749 0.073 80.3))와 가장 가까운 이름 색상은 Gold Rush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C6A978
oklch(0.749 0.073 80.3)
색상 변환
- HEX
- #c6a978
- RGB
- rgb(198 169 120)
- HSL
- hsl(38 41% 62%)
- HWB
- hwb(38 47% 22%)
- OKLCH
- oklch(0.749 0.073 80.3)
- OKLab
- oklab(0.749 0.012 0.072)
- CIE Lab
- lab(70.97 5.91 29.44)
- LCH
- lch(70.97 30.03 78.7)
- CMYK
- cmyk(0% 15% 39% 22%)
틴트 · 셰이드 · 톤
틴트
- CCB186
- D1BA93
- D7C2A0
- DDCBAE
- E2D4BB
- E8DCC9
- EEE5D6
- F4EEE4
- F9F6F1
셰이드
- AC9267
- 927C57
- 7A6748
- 625339
- 4B3F2A
- 352C1D
- 211B10
- 0E0A05
- 020101
톤
- BFA579
- B8A17B
- B19D7C
- AA997D
- A3957D
- 9C907E
- 958C7F
- 8E887F
- 878480
색 조화
보색 +180°
- C6A978
Gold Rush
- 93AFDD
≈ Blue Skies Today
유사색 -30° +30°
- C6A978
Gold Rush
- D4A184
≈ Orange Maple
- B0B27C
≈ Weeping Willow
삼각 배색 +120° +240°
- C6A978
Gold Rush
- 73BCC0
≈ Aqua Sky
- C39FCB
≈ Lilac Pink
분열 보색 +150° +210°
- C6A978
Gold Rush
- 7CB7D4
≈ Regale Blue
- ADA6D9
≈ Ariel’s Delight
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.34:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--gold-rush: #c6a978;
--gold-rush-rgb: 198 169 120;
--gold-rush-oklch: oklch(0.749 0.073 80.3);
}
.element {
color: var(--gold-rush);
background-color: hsl(38 41% 62%);
border-color: oklch(0.749 0.073 80.3);
}Tailwind CSS v4
@theme {
--color-gold-rush: #c6a978;
--color-gold-rush-50: #fff4de;
--color-gold-rush-100: #f4e6cd;
--color-gold-rush-200: #e4d2b1;
--color-gold-rush-300: #cab48d;
--color-gold-rush-400: #b59a6c;
--color-gold-rush-500: #a0814b;
--color-gold-rush-600: #876d41;
--color-gold-rush-700: #6c5733;
--color-gold-rush-800: #503f24;
--color-gold-rush-900: #382c18;
--color-gold-rush-950: #221909;
}SCSS
$gold-rush: #c6a978;
$gold-rush-rgb: 198, 169, 120;
$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);
}