가장 가까운 이름 색상 · #C5BF79
#C5BF79
가장 가까운 이름 색상: Muted Lime
#C5BF79(rgb(197 191 121), hsl(55 40% 62%), oklch(0.794 0.091 104))와 가장 가까운 이름 색상은 Muted Lime입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C5BF79
oklch(0.794 0.091 104)
색상 변환
- HEX
- #c5bf79
- RGB
- rgb(197 191 121)
- HSL
- hsl(55 40% 62%)
- HWB
- hwb(55 47% 23%)
- OKLCH
- oklch(0.794 0.091 104)
- OKLab
- oklab(0.794 -0.022 0.088)
- CIE Lab
- lab(76.64 -5.39 36.09)
- LCH
- lch(76.64 36.49 98.5)
- CMYK
- cmyk(0% 3% 39% 23%)
틴트 · 셰이드 · 톤
틴트
- CBC587
- D0CC95
- D6D2A2
- DCD9AF
- E1DFBD
- E7E5CA
- EDECD7
- F3F2E4
- F9F9F2
셰이드
- ABA668
- 928D58
- 797548
- 615E39
- 4B482B
- 35331D
- 211F10
- 0E0D05
- 020201
톤
- BEB97B
- B7B27C
- B0AC7D
- A9A67E
- A29F7F
- 9B997F
- 949380
- 8D8C80
- 878680
색 조화
보색 +180°
- C5BF79
Muted Lime
- B4B4F5
≈ Purple Illusion
유사색 -30° +30°
- C5BF79
Muted Lime
- DFB379
≈ High Plateau
- A4C98D
≈ Venerable Verde
삼각 배색 +120° +240°
- C5BF79
Muted Lime
- 77C9E7
≈ Bliss Blue
- E6A4CA
≈ Prettiest Pink
분열 보색 +150° +210°
- C5BF79
Muted Lime
- 93BFF5
≈ Sail to the Sea
- D1ABE5
≈ Tropical Violet
사각 배색 +90° +180° +270°
- C5BF79
Muted Lime
- 6ECECD
≈ Tropical Splash
- B4B4F5
≈ Purple Illusion
- F0A4AA
≈ Pinque
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.10:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--muted-lime: #c5bf79;
--muted-lime-rgb: 197 191 121;
--muted-lime-oklch: oklch(0.794 0.091 104);
}
.element {
color: var(--muted-lime);
background-color: hsl(55 40% 62%);
border-color: oklch(0.794 0.091 104);
}Tailwind CSS v4
@theme {
--color-muted-lime: #c5bf79;
--color-muted-lime-50: #f8f7da;
--color-muted-lime-100: #ebeac8;
--color-muted-lime-200: #d9d7ab;
--color-muted-lime-300: #bdbb84;
--color-muted-lime-400: #a7a160;
--color-muted-lime-500: #90893b;
--color-muted-lime-600: #7a7433;
--color-muted-lime-700: #625d29;
--color-muted-lime-800: #49431b;
--color-muted-lime-900: #322f12;
--color-muted-lime-950: #1e1b04;
}SCSS
$muted-lime: #c5bf79;
$muted-lime-rgb: 197, 191, 121;
$muted-lime-light: mix(#fff, $muted-lime, 20%);
$muted-lime-dark: mix(#000, $muted-lime, 20%);
.element {
color: $muted-lime;
box-shadow: 0 0 0 2px rgba($muted-lime, 0.35);
}