이름 색상 · #C1B19D
Warm Neutral
Warm Neutral은(는) #C1B19D: rgb(193 177 157), hsl(33 22% 69%), oklch(0.768 0.033 73.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Warm Neutral color name →
#C1B19D
oklch(0.768 0.033 73.4)
색상 변환
- HEX
- #c1b19d
- RGB
- rgb(193 177 157)
- HSL
- hsl(33 22% 69%)
- HWB
- hwb(33 62% 24%)
- OKLCH
- oklch(0.768 0.033 73.4)
- OKLab
- oklab(0.768 0.009 0.032)
- CIE Lab
- lab(73.17 3.5 12.46)
- LCH
- lch(73.17 12.94 74.3)
- CMYK
- cmyk(0% 8% 19% 24%)
틴트 · 셰이드 · 톤
틴트
- C7B9A6
- CDC0B0
- D3C8BA
- DAD0C3
- E0D7CD
- E6DFD7
- ECE7E1
- F2EFEB
- F9F7F5
셰이드
- A79988
- 8F8373
- 776C5F
- 5F574C
- 49423A
- 342F28
- 201C18
- 0E0C09
- 020101
톤
- BAAC9A
- B4A797
- ADA294
- A69D91
- A0988F
- 99938C
- 938E89
- 8D8A86
- 868583
색 조화
보색 +180°
- C1B19D
Warm Neutral
- A5B5C9
≈ Posey Blue
유사색 -30° +30°
- C1B19D
Warm Neutral
- C7ADA3
≈ Glamorous Taupe
- B7B59D
≈ Turtle Trail
삼각 배색 +120° +240°
- C1B19D
Warm Neutral
- 9CBBBA
≈ Festoon Aqua
- BBAEC3
≈ Courtly Purple
분열 보색 +150° +210°
- C1B19D
Warm Neutral
- 9EB9C4
≈ Sterling Blue
- B0B1C9
≈ Noble Purple
사각 배색 +90° +180° +270°
- C1B19D
Warm Neutral
- A1BBAE
≈ Aqua Foam
- A5B5C9
≈ Posey Blue
- C4ACB9
≈ Breathtaking Evening
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.09:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.04:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--warm-neutral: #c1b19d;
--warm-neutral-rgb: 193 177 157;
--warm-neutral-oklch: oklch(0.768 0.033 73.4);
}
.element {
color: var(--warm-neutral);
background-color: hsl(33 22% 69%);
border-color: oklch(0.768 0.033 73.4);
}Tailwind CSS v4
@theme {
--color-warm-neutral: #c1b19d;
--color-warm-neutral-50: #fbf4eb;
--color-warm-neutral-100: #efe7dc;
--color-warm-neutral-200: #ddd3c5;
--color-warm-neutral-300: #c2b5a5;
--color-warm-neutral-400: #ab9c89;
--color-warm-neutral-500: #94836e;
--color-warm-neutral-600: #7d6f5d;
--color-warm-neutral-700: #64594b;
--color-warm-neutral-800: #4a4136;
--color-warm-neutral-900: #332d25;
--color-warm-neutral-950: #1f1a13;
}SCSS
$warm-neutral: #c1b19d;
$warm-neutral-rgb: 193, 177, 157;
$warm-neutral-light: mix(#fff, $warm-neutral, 20%);
$warm-neutral-dark: mix(#000, $warm-neutral, 20%);
.element {
color: $warm-neutral;
box-shadow: 0 0 0 2px rgba($warm-neutral, 0.35);
}