Nazwany kolor · #C18978
Copper Trail
Copper Trail to #C18978: rgb(193 137 120), hsl(14 37% 61%), oklch(0.681 0.074 37.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Copper Trail color name →
#C18978
oklch(0.681 0.074 37.6)
Konwersje koloru
- HEX
- #c18978
- RGB
- rgb(193 137 120)
- HSL
- hsl(14 37% 61%)
- HWB
- hwb(14 47% 24%)
- OKLCH
- oklch(0.681 0.074 37.6)
- OKLab
- oklab(0.681 0.058 0.045)
- CIE Lab
- lab(62.45 20.44 18.11)
- LCH
- lch(62.45 27.31 41.5)
- CMYK
- cmyk(0% 29% 38% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C89485
- CEA092
- D5AC9F
- DBB7AC
- E1C3BA
- E7CFC7
- EDDBD5
- F3E7E3
- F9F3F1
Odcienie ciemniejsze
- A77667
- 8F6457
- 775348
- 5F4239
- 49312A
- 34221D
- 201410
- 0E0705
- 020101
Tony
- BB8879
- B4887A
- AE877B
- A8867C
- A1857D
- 9B847D
- 94837E
- 8D827F
- 87817F
Harmonie kolorów
Komplementarna +180°
- C18978
Copper Trail
- 61A4B7
≈ Pacific Palisade
Analogowa -30° +30°
- C18978
Copper Trail
- C18690
≈ Strawberry Jubilee
- B79067
≈ Tropical Wood
Triada +120° +240°
- C18978
Copper Trail
- 72A787
≈ Corporate Green
- 8D95C6
≈ Fast Velvet
Komplementarna rozszczepiona +150° +210°
- C18978
Copper Trail
- 5FA8A1
≈ Dragon Bay
- 749DC4
≈ Blue Promise
Tetrada +90° +180° +270°
- C18978
Copper Trail
- 8CA270
≈ Lady Fern
- 61A4B7
≈ Pacific Palisade
- A58DBC
≈ East Side
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.95:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.11:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--copper-trail: #c18978;
--copper-trail-rgb: 193 137 120;
--copper-trail-oklch: oklch(0.681 0.074 37.6);
}
.element {
color: var(--copper-trail);
background-color: hsl(14 37% 61%);
border-color: oklch(0.681 0.074 37.6);
}Tailwind CSS v4
@theme {
--color-copper-trail: #c18978;
--color-copper-trail-50: #ffefe6;
--color-copper-trail-100: #ffe0d6;
--color-copper-trail-200: #f1cabd;
--color-copper-trail-300: #d9ab9c;
--color-copper-trail-400: #c5907f;
--color-copper-trail-500: #b17563;
--color-copper-trail-600: #956354;
--color-copper-trail-700: #784f43;
--color-copper-trail-800: #593931;
--color-copper-trail-900: #3e2721;
--color-copper-trail-950: #271510;
}SCSS
$copper-trail: #c18978;
$copper-trail-rgb: 193, 137, 120;
$copper-trail-light: mix(#fff, $copper-trail, 20%);
$copper-trail-dark: mix(#000, $copper-trail, 20%);
.element {
color: $copper-trail;
box-shadow: 0 0 0 2px rgba($copper-trail, 0.35);
}