لون مسمّى · #C06960
Tapestry Red
Tapestry Red هو #C06960: rgb(192 105 96)، hsl(6 43% 56%)، oklch(0.618 0.113 27). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Tapestry Red color name →
#C06960
oklch(0.618 0.113 27)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C8786F
- CF877E
- D6968E
- DCA49D
- E3B3AD
- E9C2BD
- EFD1CD
- F5E0DE
- FAF0EE
درجات داكنة
- A75A52
- 8E4C45
- 763E38
- 5F312C
- 492420
- 341815
- 200C0A
- 0E0403
- 020000
درجات رمادية
- BA6C63
- B46F67
- AE716A
- A8746D
- A27671
- 9C7874
- 957A77
- 8E7C7A
- 877E7D
تناسق الألوان
متمم +180°
- C06960
Tapestry Red
- 0097A6
≈ Tile Blue
متجاور -30° +30°
- C06960
Tapestry Red
- BB6786
≈ Malevolent Mauve
- B8723B
≈ Saucy Gold
ثلاثي +120° +240°
- C06960
Tapestry Red
- 53985C
≈ Wicked Witch
- 6783CA
≈ Livid
متمم منقسم +150° +210°
- C06960
Tapestry Red
- 0C9B84
≈ Reptilian Green
- 348FC1
≈ Christmas Blue
رباعي +90° +180° +270°
- C06960
Tapestry Red
- 818E37
≈ Wasabi Nuts
- 0097A6
≈ Tile Blue
- 8D76C1
≈ Ube
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.86:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.43:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
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);
}