Nazwany kolor · #C3B39F
Canyon View
Canyon View to #C3B39F: rgb(195 179 159), hsl(33 23% 69%), oklch(0.775 0.033 73.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Canyon View color name →
#C3B39F
oklch(0.775 0.033 73.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9BAA8
- CFC2B2
- D5C9BB
- DBD1C5
- E1D8CE
- E7E0D8
- EDE8E2
- F3EFEB
- F9F7F5
Odcienie ciemniejsze
- A99B8A
- 908475
- 786E61
- 60584D
- 4A433B
- 342F29
- 201D18
- 0E0C09
- 020101
Tony
- BCAE9C
- B5A999
- AEA396
- A89E93
- A19990
- 9A948C
- 948F89
- 8D8A86
- 868583
Harmonie kolorów
Komplementarna +180°
- C3B39F
Canyon View
- A7B7CB
≈ Uniform
Analogowa -30° +30°
- C3B39F
Canyon View
- C9AFA5
≈ Vintage Charm
- B9B79F
≈ Court Green
Triada +120° +240°
- C3B39F
Canyon View
- 9EBDBC
≈ Seafoam Whisper
- BDB0C5
≈ Almost Plum
Komplementarna rozszczepiona +150° +210°
- C3B39F
Canyon View
- A0BBC6
≈ Evocative Blue
- B2B3CB
≈ Soft Sky
Tetrada +90° +180° +270°
- C3B39F
Canyon View
- A3BDB0
≈ White Spruce
- A7B7CB
≈ Uniform
- C6AEBB
≈ Desireé
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.26:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.26:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}