لون مسمّى · #5C5687
Mountain Iris
Mountain Iris هو #5C5687: rgb(92 86 135)، hsl(247 22% 43%)، oklch(0.48 0.078 288.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Mountain Iris color name →
#5C5687
oklch(0.48 0.078 288.7)
تحويلات الألوان
- HEX
- #5c5687
- RGB
- rgb(92 86 135)
- HSL
- hsl(247 22% 43%)
- HWB
- hwb(247 34% 47%)
- OKLCH
- oklch(0.48 0.078 288.7)
- OKLab
- oklab(0.48 0.025 -0.074)
- CIE Lab
- lab(38.76 11.61 -26.76)
- LCH
- lch(38.76 29.17 293.5)
- CMYK
- cmyk(32% 36% 0% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6B6693
- 7A769F
- 8986AB
- 9997B7
- A9A7C3
- BAB8CF
- CBCADB
- DCDBE7
- EDEDF3
درجات داكنة
- 4F4A75
- 423E63
- 363251
- 2A2741
- 1F1C31
- 141221
- 0A0813
- 030206
- 000001
درجات رمادية
- 5F5A87
- 635F86
- 666386
- 6A6785
- 6D6B84
- 716F84
- 757483
- 787882
- 7C7C81
تناسق الألوان
متمم +180°
- 5C5687
Mountain Iris
- 616128
≈ Gardener Green
متجاور -30° +30°
- 5C5687
Mountain Iris
- 425E89
≈ Anchor Point
- 704F7A
≈ Gladiola Violet
ثلاثي +120° +240°
- 5C5687
Mountain Iris
- 815035
≈ Chocolate Bonbon
- 276C56
≈ Sparkling Emerald
متمم منقسم +150° +210°
- 5C5687
Mountain Iris
- 755825
≈ Moss Brown
- 46683C
≈ Friendly Fairway
رباعي +90° +180° +270°
- 5C5687
Mountain Iris
- 844B4C
≈ Red Maple Leaf
- 616128
≈ Gardener Green
- 0F6B6E
≈ Byzantine Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.69:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.13:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mountain-iris: #5c5687;
--mountain-iris-rgb: 92 86 135;
--mountain-iris-oklch: oklch(0.48 0.078 288.7);
}
.element {
color: var(--mountain-iris);
background-color: hsl(247 22% 43%);
border-color: oklch(0.48 0.078 288.7);
}Tailwind CSS v4
@theme {
--color-mountain-iris: #5c5687;
--color-mountain-iris-50: #f4f2ff;
--color-mountain-iris-100: #e7e4ff;
--color-mountain-iris-200: #d3cff4;
--color-mountain-iris-300: #b7b1dd;
--color-mountain-iris-400: #9c97ca;
--color-mountain-iris-500: #847eb7;
--color-mountain-iris-600: #706a9b;
--color-mountain-iris-700: #59557c;
--color-mountain-iris-800: #403e5c;
--color-mountain-iris-900: #2c2b41;
--color-mountain-iris-950: #191829;
}SCSS
$mountain-iris: #5c5687;
$mountain-iris-rgb: 92, 86, 135;
$mountain-iris-light: mix(#fff, $mountain-iris, 20%);
$mountain-iris-dark: mix(#000, $mountain-iris, 20%);
.element {
color: $mountain-iris;
box-shadow: 0 0 0 2px rgba($mountain-iris, 0.35);
}