가장 가까운 이름 색상 · #C6B09B
#C6B09B
가장 가까운 이름 색상: Tender Taupe
#C6B09B(rgb(198 176 155), hsl(29 27% 69%), oklch(0.77 0.039 65.9))와 가장 가까운 이름 색상은 Tender Taupe입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C6B09B
oklch(0.77 0.039 65.9)
색상 변환
- HEX
- #c6b09b
- RGB
- rgb(198 176 155)
- HSL
- hsl(29 27% 69%)
- HWB
- hwb(29 61% 22%)
- OKLCH
- oklch(0.77 0.039 65.9)
- OKLab
- oklab(0.77 0.016 0.035)
- CIE Lab
- lab(73.33 5.72 13.85)
- LCH
- lch(73.33 14.98 67.6)
- CMYK
- cmyk(0% 11% 22% 22%)
틴트 · 셰이드 · 톤
틴트
- CCB8A5
- D1BFAE
- D7C7B8
- DDCFC2
- E2D7CC
- E8DFD6
- EEE7E0
- F4EFEA
- F9F7F5
셰이드
- AC9986
- 928272
- 7A6C5E
- 62564B
- 4B4239
- 352E28
- 211C18
- 0E0B09
- 020101
톤
- BFAB98
- B8A696
- B1A193
- A99D90
- A2988E
- 9B938B
- 958E88
- 8E8985
- 878583
색 조화
보색 +180°
- C6B09B
Tender Taupe
- A1B7CC
≈ Morris Blue
유사색 -30° +30°
- C6B09B
Tender Taupe
- CCACA4
≈ Rose Smoke
- BBB599
≈ Trinity Islands
삼각 배색 +120° +240°
- C6B09B
Tender Taupe
- 9ABDB8
≈ Nursery Wall
- BAAEC8
≈ Fancy Pansy
분열 보색 +150° +210°
- C6B09B
Tender Taupe
- 99BBC4
≈ Bel Esprit
- ADB3CE
≈ Purple Freedom
사각 배색 +90° +180° +270°
- C6B09B
Tender Taupe
- A1BCAA
≈ Attica
- A1B7CC
≈ Morris Blue
- C5ABBE
≈ Monet Magic
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.08:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.08:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--tender-taupe: #c6b09b;
--tender-taupe-rgb: 198 176 155;
--tender-taupe-oklch: oklch(0.77 0.039 65.9);
}
.element {
color: var(--tender-taupe);
background-color: hsl(29 27% 69%);
border-color: oklch(0.77 0.039 65.9);
}Tailwind CSS v4
@theme {
--color-tender-taupe: #c6b09b;
--color-tender-taupe-50: #fdf3ea;
--color-tender-taupe-100: #f1e6db;
--color-tender-taupe-200: #e0d2c3;
--color-tender-taupe-300: #c5b4a3;
--color-tender-taupe-400: #af9a87;
--color-tender-taupe-500: #98816b;
--color-tender-taupe-600: #816e5b;
--color-tender-taupe-700: #675849;
--color-tender-taupe-800: #4c4035;
--color-tender-taupe-900: #352c24;
--color-tender-taupe-950: #201913;
}SCSS
$tender-taupe: #c6b09b;
$tender-taupe-rgb: 198, 176, 155;
$tender-taupe-light: mix(#fff, $tender-taupe, 20%);
$tender-taupe-dark: mix(#000, $tender-taupe, 20%);
.element {
color: $tender-taupe;
box-shadow: 0 0 0 2px rgba($tender-taupe, 0.35);
}