가장 가까운 이름 색상 · #C9BD7B
#C9BD7B
가장 가까운 이름 색상: Muted Lime
#C9BD7B(rgb(201 189 123), hsl(51 42% 64%), oklch(0.793 0.087 99.2))와 가장 가까운 이름 색상은 Muted Lime입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C9BD7B
oklch(0.793 0.087 99.2)
색상 변환
- HEX
- #c9bd7b
- RGB
- rgb(201 189 123)
- HSL
- hsl(51 42% 64%)
- HWB
- hwb(51 48% 21%)
- OKLCH
- oklch(0.793 0.087 99.2)
- OKLab
- oklab(0.793 -0.014 0.086)
- CIE Lab
- lab(76.48 -2.64 34.97)
- LCH
- lch(76.48 35.06 94.3)
- CMYK
- cmyk(0% 6% 39% 21%)
틴트 · 셰이드 · 톤
틴트
- CEC489
- D4CA96
- D9D1A3
- DED7B0
- E4DEBE
- E9E5CB
- EEEBD8
- F4F2E5
- F9F8F2
셰이드
- AEA46A
- 958C5A
- 7C744A
- 645D3A
- 4C472C
- 36331E
- 221F10
- 0F0D05
- 020201
톤
- C1B77C
- BAB17D
- B2AB7E
- ABA47F
- A49E80
- 9C9880
- 959280
- 8E8C80
- 878680
색 조화
보색 +180°
- C9BD7B
Muted Lime
- AFB6F3
≈ Purple Illusion
유사색 -30° +30°
- C9BD7B
Muted Lime
- E0B27E
≈ Imperial Gold
- AAC78B
≈ Venerable Verde
삼각 배색 +120° +240°
- C9BD7B
Muted Lime
- 78C9E2
≈ Bliss Blue
- E2A6CE
≈ Tiara Pink
분열 보색 +150° +210°
- C9BD7B
Muted Lime
- 90C1F1
≈ Sail to the Sea
- CCADE6
≈ Tropical Violet
사각 배색 +90° +180° +270°
- C9BD7B
Muted Lime
- 75CEC7
≈ Hidden Sea Glass
- AFB6F3
≈ Purple Illusion
- EDA5B0
≈ Pinque
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.90:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.04:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--muted-lime: #c9bd7b;
--muted-lime-rgb: 201 189 123;
--muted-lime-oklch: oklch(0.793 0.087 99.2);
}
.element {
color: var(--muted-lime);
background-color: hsl(51 42% 64%);
border-color: oklch(0.793 0.087 99.2);
}Tailwind CSS v4
@theme {
--color-muted-lime: #c9bd7b;
--color-muted-lime-50: #faf6da;
--color-muted-lime-100: #eee9c9;
--color-muted-lime-200: #dcd6ac;
--color-muted-lime-300: #c0b986;
--color-muted-lime-400: #aba062;
--color-muted-lime-500: #94873e;
--color-muted-lime-600: #7d7235;
--color-muted-lime-700: #645b2a;
--color-muted-lime-800: #4b421d;
--color-muted-lime-900: #342e13;
--color-muted-lime-950: #1f1b05;
}SCSS
$muted-lime: #c9bd7b;
$muted-lime-rgb: 201, 189, 123;
$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);
}