لون مسمّى · #A78594
Mohair Pink
Mohair Pink هو #A78594: rgb(167 133 148)، hsl(334 16% 59%)، oklch(0.653 0.046 350.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Mohair Pink color name →
#A78594
oklch(0.653 0.046 350.2)
تحويلات الألوان
- HEX
- #a78594
- RGB
- rgb(167 133 148)
- HSL
- hsl(334 16% 59%)
- HWB
- hwb(334 52% 35%)
- OKLCH
- oklch(0.653 0.046 350.2)
- OKLab
- oklab(0.653 0.046 -0.008)
- CIE Lab
- lab(59.17 15.26 -2.85)
- LCH
- lch(59.17 15.53 349.4)
- CMYK
- cmyk(0% 20% 11% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B0919E
- B89CA9
- C1A8B3
- CAB4BE
- D3C0C8
- DCCDD3
- E4D9DE
- EDE6E9
- F6F2F4
درجات داكنة
- 917380
- 7B616D
- 66505A
- 524048
- 3E3036
- 2C2126
- 1A1316
- 0A0608
- 010101
درجات رمادية
- A38592
- 9F8490
- 9B848E
- 98838C
- 94838A
- 908288
- 8C8286
- 888184
- 848182
تناسق الألوان
متمم +180°
- A78594
Mohair Pink
- 749A8C
≈ Silent Sage
متجاور -30° +30°
- A78594
Mohair Pink
- 9D87A2
≈ Amethyst Grey Violet
- AB8584
≈ Jupiter Brown
ثلاثي +120° +240°
- A78594
Mohair Pink
- 919373
≈ Dry Hemlock
- 7396A7
≈ Smoky Blue
متمم منقسم +150° +210°
- A78594
Mohair Pink
- 82987D
≈ Dinosaur
- 6F999B
≈ Teal & Tonic
رباعي +90° +180° +270°
- A78594
Mohair Pink
- 9F8E70
≈ Barro Verde
- 749A8C
≈ Silent Sage
- 8091AD
≈ Lilac Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.26:1 · APCA Lc 60
Ag
AAعلى الأسود
WCAG 6.42:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mohair-pink: #a78594;
--mohair-pink-rgb: 167 133 148;
--mohair-pink-oklch: oklch(0.653 0.046 350.2);
}
.element {
color: var(--mohair-pink);
background-color: hsl(334 16% 59%);
border-color: oklch(0.653 0.046 350.2);
}Tailwind CSS v4
@theme {
--color-mohair-pink: #a78594;
--color-mohair-pink-50: #fff0f6;
--color-mohair-pink-100: #f5e2e9;
--color-mohair-pink-200: #e5cdd6;
--color-mohair-pink-300: #cbaeba;
--color-mohair-pink-400: #b594a2;
--color-mohair-pink-500: #9f7a8a;
--color-mohair-pink-600: #866775;
--color-mohair-pink-700: #6b535e;
--color-mohair-pink-800: #4f3c45;
--color-mohair-pink-900: #372930;
--color-mohair-pink-950: #22171c;
}SCSS
$mohair-pink: #a78594;
$mohair-pink-rgb: 167, 133, 148;
$mohair-pink-light: mix(#fff, $mohair-pink, 20%);
$mohair-pink-dark: mix(#000, $mohair-pink, 20%);
.element {
color: $mohair-pink;
box-shadow: 0 0 0 2px rgba($mohair-pink, 0.35);
}