이름 색상 · #C3B39F
Canyon View
Canyon View은(는) #C3B39F: rgb(195 179 159), hsl(33 23% 69%), oklch(0.775 0.033 73.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Canyon View color name →
#C3B39F
oklch(0.775 0.033 73.4)
색상 변환
- HEX
- #c3b39f
- RGB
- rgb(195 179 159)
- HSL
- hsl(33 23% 69%)
- HWB
- hwb(33 62% 24%)
- OKLCH
- oklch(0.775 0.033 73.4)
- OKLab
- oklab(0.775 0.009 0.032)
- CIE Lab
- lab(73.91 3.49 12.43)
- LCH
- lch(73.91 12.91 74.3)
- CMYK
- cmyk(0% 8% 18% 24%)
틴트 · 셰이드 · 톤
틴트
- C9BAA8
- CFC2B2
- D5C9BB
- DBD1C5
- E1D8CE
- E7E0D8
- EDE8E2
- F3EFEB
- F9F7F5
셰이드
- A99B8A
- 908475
- 786E61
- 60584D
- 4A433B
- 342F29
- 201D18
- 0E0C09
- 020101
톤
- BCAE9C
- B5A999
- AEA396
- A89E93
- A19990
- 9A948C
- 948F89
- 8D8A86
- 868583
색 조화
보색 +180°
- C3B39F
Canyon View
- A7B7CB
≈ Uniform
유사색 -30° +30°
- C3B39F
Canyon View
- C9AFA5
≈ Vintage Charm
- B9B79F
≈ Court Green
삼각 배색 +120° +240°
- C3B39F
Canyon View
- 9EBDBC
≈ Seafoam Whisper
- BDB0C5
≈ Almost Plum
분열 보색 +150° +210°
- C3B39F
Canyon View
- A0BBC6
≈ Evocative Blue
- B2B3CB
≈ Soft Sky
사각 배색 +90° +180° +270°
- C3B39F
Canyon View
- A3BDB0
≈ White Spruce
- A7B7CB
≈ Uniform
- C6AEBB
≈ Desireé
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.04:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.26:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.26:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--canyon-view: #c3b39f;
--canyon-view-rgb: 195 179 159;
--canyon-view-oklch: oklch(0.775 0.033 73.4);
}
.element {
color: var(--canyon-view);
background-color: hsl(33 23% 69%);
border-color: oklch(0.775 0.033 73.4);
}Tailwind CSS v4
@theme {
--color-canyon-view: #c3b39f;
--color-canyon-view-50: #fbf4eb;
--color-canyon-view-100: #eee7dc;
--color-canyon-view-200: #ddd3c5;
--color-canyon-view-300: #c2b5a5;
--color-canyon-view-400: #ab9c89;
--color-canyon-view-500: #94836e;
--color-canyon-view-600: #7d6f5e;
--color-canyon-view-700: #64594b;
--color-canyon-view-800: #4a4136;
--color-canyon-view-900: #332d25;
--color-canyon-view-950: #1f1a13;
}SCSS
$canyon-view: #c3b39f;
$canyon-view-rgb: 195, 179, 159;
$canyon-view-light: mix(#fff, $canyon-view, 20%);
$canyon-view-dark: mix(#000, $canyon-view, 20%);
.element {
color: $canyon-view;
box-shadow: 0 0 0 2px rgba($canyon-view, 0.35);
}