Benannte Farbe · #C06960
Tapestry Red
Tapestry Red ist #C06960: rgb(192 105 96), hsl(6 43% 56%), oklch(0.618 0.113 27). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Tapestry Red color name →
#C06960
oklch(0.618 0.113 27)
Farbumrechnungen
- HEX
- #c06960
- RGB
- rgb(192 105 96)
- HSL
- hsl(6 43% 56%)
- HWB
- hwb(6 38% 25%)
- OKLCH
- oklch(0.618 0.113 27)
- OKLab
- oklab(0.618 0.1 0.051)
- CIE Lab
- lab(54.62 34.78 21.29)
- LCH
- lch(54.62 40.78 31.5)
- CMYK
- cmyk(0% 45% 50% 25%)
Tints · Shades · Tones
Tints
- C8786F
- CF877E
- D6968E
- DCA49D
- E3B3AD
- E9C2BD
- EFD1CD
- F5E0DE
- FAF0EE
Shades
- A75A52
- 8E4C45
- 763E38
- 5F312C
- 492420
- 341815
- 200C0A
- 0E0403
- 020000
Tones
- BA6C63
- B46F67
- AE716A
- A8746D
- A27671
- 9C7874
- 957A77
- 8E7C7A
- 877E7D
Farbharmonien
Komplementär +180°
- C06960
Tapestry Red
- 0097A6
≈ Tile Blue
Analog -30° +30°
- C06960
Tapestry Red
- BB6786
≈ Malevolent Mauve
- B8723B
≈ Saucy Gold
Triadisch +120° +240°
- C06960
Tapestry Red
- 53985C
≈ Wicked Witch
- 6783CA
≈ Livid
Geteilt komplementär +150° +210°
- C06960
Tapestry Red
- 0C9B84
≈ Reptilian Green
- 348FC1
≈ Christmas Blue
Tetradisch +90° +180° +270°
- C06960
Tapestry Red
- 818E37
≈ Wasabi Nuts
- 0097A6
≈ Tile Blue
- 8D76C1
≈ Ube
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.86:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.43:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--tapestry-red: #c06960;
--tapestry-red-rgb: 192 105 96;
--tapestry-red-oklch: oklch(0.618 0.113 27);
}
.element {
color: var(--tapestry-red);
background-color: hsl(6 43% 56%);
border-color: oklch(0.618 0.113 27);
}Tailwind CSS v4
@theme {
--color-tapestry-red: #c06960;
--color-tapestry-red-50: #ffeae3;
--color-tapestry-red-100: #ffdbd3;
--color-tapestry-red-200: #ffc3b9;
--color-tapestry-red-300: #eba296;
--color-tapestry-red-400: #d9847a;
--color-tapestry-red-500: #c6665d;
--color-tapestry-red-600: #a7574f;
--color-tapestry-red-700: #86453f;
--color-tapestry-red-800: #64312e;
--color-tapestry-red-900: #46221f;
--color-tapestry-red-950: #2d110f;
}SCSS
$tapestry-red: #c06960;
$tapestry-red-rgb: 192, 105, 96;
$tapestry-red-light: mix(#fff, $tapestry-red, 20%);
$tapestry-red-dark: mix(#000, $tapestry-red, 20%);
.element {
color: $tapestry-red;
box-shadow: 0 0 0 2px rgba($tapestry-red, 0.35);
}