لون مسمّى · #9E8185
Plumville
Plumville هو #9E8185: rgb(158 129 133)، hsl(352 13% 56%)، oklch(0.632 0.036 8.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Plumville color name →
#9E8185
oklch(0.632 0.036 8.8)
تحويلات الألوان
- HEX
- #9e8185
- RGB
- rgb(158 129 133)
- HSL
- hsl(352 13% 56%)
- HWB
- hwb(352 51% 38%)
- OKLCH
- oklch(0.632 0.036 8.8)
- OKLab
- oklab(0.632 0.036 0.006)
- CIE Lab
- lab(56.85 11.98 2.25)
- LCH
- lch(56.85 12.19 10.6)
- CMYK
- cmyk(0% 18% 16% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A88D91
- B1999C
- BBA5A8
- C4B2B4
- CEBEC0
- D8CBCC
- E1D8D9
- EBE5E5
- F5F2F2
درجات داكنة
- 896F73
- 745E61
- 604E50
- 4D3E40
- 3A2E30
- 291F21
- 181213
- 090606
- 010101
درجات رمادية
- 9B8185
- 988184
- 958184
- 928183
- 8F8183
- 8C8182
- 898082
- 868081
- 838081
تناسق الألوان
متمم +180°
- 9E8185
Plumville
- 71918E
≈ Pool Tide
متجاور -30° +30°
- 9E8185
Plumville
- 998291
≈ Garden Plum
- 9E837A
≈ Modern Mocha
ثلاثي +120° +240°
- 9E8185
Plumville
- 838E77
≈ Mossy Statue
- 798C9F
≈ Blue Grey
متمم منقسم +150° +210°
- 9E8185
Plumville
- 789182
≈ Cyanara
- 728F99
≈ Sheltered Bay
رباعي +90° +180° +270°
- 9E8185
Plumville
- 8F8A72
≈ Executive Course
- 71918E
≈ Pool Tide
- 8488A0
≈ Mandrake
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.53:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.93:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--plumville: #9e8185;
--plumville-rgb: 158 129 133;
--plumville-oklch: oklch(0.632 0.036 8.8);
}
.element {
color: var(--plumville);
background-color: hsl(352 13% 56%);
border-color: oklch(0.632 0.036 8.8);
}Tailwind CSS v4
@theme {
--color-plumville: #9e8185;
--color-plumville-50: #fff1f2;
--color-plumville-100: #f4e3e5;
--color-plumville-200: #e3ced0;
--color-plumville-300: #c9b0b3;
--color-plumville-400: #b2969a;
--color-plumville-500: #9c7d81;
--color-plumville-600: #846a6d;
--color-plumville-700: #6a5457;
--color-plumville-800: #4e3d40;
--color-plumville-900: #362a2c;
--color-plumville-950: #211819;
}SCSS
$plumville: #9e8185;
$plumville-rgb: 158, 129, 133;
$plumville-light: mix(#fff, $plumville, 20%);
$plumville-dark: mix(#000, $plumville, 20%);
.element {
color: $plumville;
box-shadow: 0 0 0 2px rgba($plumville, 0.35);
}