أقرب لون مسمّى · #9D8191
#9D8191
أقرب لون مسمّى: Amorous
#9D8191 (rgb(157 129 145)، hsl(326 13% 56%)، oklch(0.634 0.041 343)) أقرب إلى اللون المسمّى Amorous. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9D8191
oklch(0.634 0.041 343)
تحويلات الألوان
- HEX
- #9d8191
- RGB
- rgb(157 129 145)
- HSL
- hsl(326 13% 56%)
- HWB
- hwb(326 51% 38%)
- OKLCH
- oklch(0.634 0.041 343)
- OKLab
- oklab(0.634 0.039 -0.012)
- CIE Lab
- lab(57.03 13.15 -4.39)
- LCH
- lch(57.03 13.87 341.5)
- CMYK
- cmyk(0% 18% 8% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A78D9B
- B099A6
- BAA5B1
- C4B2BC
- CDBEC7
- D7CBD2
- E1D8DD
- EBE5E8
- F5F2F4
درجات داكنة
- 886F7D
- 735E6A
- 5F4E58
- 4C3E46
- 3A2E35
- 281F25
- 181215
- 090607
- 010101
درجات رمادية
- 9A818F
- 97818E
- 94818C
- 92818A
- 8F8188
- 8C8187
- 898085
- 868083
- 838082
تناسق الألوان
متمم +180°
- 9D8191
Amorous
- 749383
≈ Rainford
متجاور -30° +30°
- 9D8191
Amorous
- 93849D
≈ Hatoba Pigeon
- A28183
≈ Plumville
ثلاثي +120° +240°
- 9D8191
Amorous
- 8F8C6F
≈ Burning Idea
- 70909D
≈ Wave Jumper
متمم منقسم +150° +210°
- 9D8191
Amorous
- 819077
≈ Mossy Statue
- 6E9391
≈ Pool Tide
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.51:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.98:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.98:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--amorous: #9d8191;
--amorous-rgb: 157 129 145;
--amorous-oklch: oklch(0.634 0.041 343);
}
.element {
color: var(--amorous);
background-color: hsl(326 13% 56%);
border-color: oklch(0.634 0.041 343);
}Tailwind CSS v4
@theme {
--color-amorous: #9d8191;
--color-amorous-50: #fef1f8;
--color-amorous-100: #f3e3eb;
--color-amorous-200: #e2ced8;
--color-amorous-300: #c8afbc;
--color-amorous-400: #b195a5;
--color-amorous-500: #9a7c8d;
--color-amorous-600: #826978;
--color-amorous-700: #685460;
--color-amorous-800: #4d3d47;
--color-amorous-900: #352a31;
--color-amorous-950: #20171d;
}SCSS
$amorous: #9d8191;
$amorous-rgb: 157, 129, 145;
$amorous-light: mix(#fff, $amorous, 20%);
$amorous-dark: mix(#000, $amorous, 20%);
.element {
color: $amorous;
box-shadow: 0 0 0 2px rgba($amorous, 0.35);
}