Benannte Farbe · #C6876F
Secluded Canyon
Secluded Canyon ist #C6876F: rgb(198 135 111), hsl(17 43% 61%), oklch(0.681 0.085 41.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Secluded Canyon color name →
#C6876F
oklch(0.681 0.085 41.7)
Farbumrechnungen
- HEX
- #c6876f
- RGB
- rgb(198 135 111)
- HSL
- hsl(17 43% 61%)
- HWB
- hwb(17 44% 22%)
- OKLCH
- oklch(0.681 0.085 41.7)
- OKLab
- oklab(0.681 0.064 0.057)
- CIE Lab
- lab(62.42 22.78 23.21)
- LCH
- lch(62.42 32.52 45.5)
- CMYK
- cmyk(0% 32% 44% 22%)
Tints · Shades · Tones
Tints
- CC937D
- D29F8B
- D8AA99
- DEB6A7
- E4C2B6
- EACEC4
- EFDAD3
- F5E6E1
- FAF3F0
Shades
- AC7560
- 926351
- 7A5142
- 624134
- 4B3127
- 35211A
- 21130E
- 0E0604
- 020101
Tones
- BF8771
- B88673
- B28675
- AB8577
- A48478
- 9D847A
- 96837C
- 8F827D
- 87817F
Farbharmonien
Komplementär +180°
- C6876F
Secluded Canyon
- 57A5BE
≈ Pottery Blue
Analog -30° +30°
- C6876F
Secluded Canyon
- C7838B
≈ Fake Crush
- BA905C
≈ Gin Still
Triadisch +120° +240°
- C6876F
Secluded Canyon
- 66A988
≈ Artemesia Green
- 9092CC
≈ Fast Velvet
Geteilt komplementär +150° +210°
- C6876F
Secluded Canyon
- 51A9A6
≈ Emerald Succulent
- 719CCC
≈ Ice Blue
Tetradisch +90° +180° +270°
- C6876F
Secluded Canyon
- 85A46C
≈ Perennial Garden
- 57A5BE
≈ Pottery Blue
- AA8ABF
≈ East Side
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.09:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--secluded-canyon: #c6876f;
--secluded-canyon-rgb: 198 135 111;
--secluded-canyon-oklch: oklch(0.681 0.085 41.7);
}
.element {
color: var(--secluded-canyon);
background-color: hsl(17 43% 61%);
border-color: oklch(0.681 0.085 41.7);
}Tailwind CSS v4
@theme {
--color-secluded-canyon: #c6876f;
--color-secluded-canyon-50: #ffeee2;
--color-secluded-canyon-100: #ffe0d1;
--color-secluded-canyon-200: #f5c9b7;
--color-secluded-canyon-300: #deaa94;
--color-secluded-canyon-400: #ca8e77;
--color-secluded-canyon-500: #b67359;
--color-secluded-canyon-600: #9a614c;
--color-secluded-canyon-700: #7b4e3c;
--color-secluded-canyon-800: #5c382c;
--color-secluded-canyon-900: #40261d;
--color-secluded-canyon-950: #29140d;
}SCSS
$secluded-canyon: #c6876f;
$secluded-canyon-rgb: 198, 135, 111;
$secluded-canyon-light: mix(#fff, $secluded-canyon, 20%);
$secluded-canyon-dark: mix(#000, $secluded-canyon, 20%);
.element {
color: $secluded-canyon;
box-shadow: 0 0 0 2px rgba($secluded-canyon, 0.35);
}