لون مسمّى · #5B5D5C
Zen Retreat
Zen Retreat هو #5B5D5C: rgb(91 93 92)، hsl(150 1% 36%)، oklch(0.476 0.003 165). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Zen Retreat color name →
#5B5D5C
oklch(0.476 0.003 165)
تحويلات الألوان
- HEX
- #5b5d5c
- RGB
- rgb(91 93 92)
- HSL
- hsl(150 1% 36%)
- HWB
- hwb(150 36% 64%)
- OKLCH
- oklch(0.476 0.003 165)
- OKLab
- oklab(0.476 -0.003 0.001)
- CIE Lab
- lab(39.28 -0.98 0.28)
- LCH
- lch(39.28 1.02 163.8)
- CMYK
- cmyk(2% 0% 1% 64%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6A6C6B
- 797B7A
- 898A8A
- 999A9A
- A9AAAA
- BABBBA
- CBCBCB
- DCDCDC
- EDEEED
درجات داكنة
- 4E504F
- 414342
- 353736
- 292A2A
- 1E1F1F
- 131414
- 090A0A
- 030303
- 000000
درجات رمادية
- 5F6060
- 626463
- 666767
- 6A6B6A
- 6D6E6E
- 717271
- 757575
- 787979
- 7C7C7C
تناسق الألوان
متمم +180°
- 5B5D5C
Zen Retreat
- 5E5C5D
≈ Knight’s Armour
متجاور -30° +30°
- 5B5D5C
Zen Retreat
- 5C5D5B
≈ Zen Retreat
- 5B5D5D
≈ Knight’s Armour
ثلاثي +120° +240°
- 5B5D5C
Zen Retreat
- 5C5C5E
≈ Knight’s Armour
- 5E5C5B
≈ Iron Fixture
متمم منقسم +150° +210°
- 5B5D5C
Zen Retreat
- 5D5C5E
≈ Knight’s Armour
- 5E5C5C
≈ Iron Fixture
رباعي +90° +180° +270°
- 5B5D5C
Zen Retreat
- 5B5D5E
≈ Knight’s Armour
- 5E5C5D
≈ Knight’s Armour
- 5D5C5B
≈ Iron Fixture
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.63:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.16:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--zen-retreat: #5b5d5c;
--zen-retreat-rgb: 91 93 92;
--zen-retreat-oklch: oklch(0.476 0.003 165);
}
.element {
color: var(--zen-retreat);
background-color: hsl(150 1% 36%);
border-color: oklch(0.476 0.003 165);
}Tailwind CSS v4
@theme {
--color-zen-retreat: #5b5d5c;
--color-zen-retreat-50: #f4f5f5;
--color-zen-retreat-100: #e7e8e7;
--color-zen-retreat-200: #d3d4d4;
--color-zen-retreat-300: #b6b8b7;
--color-zen-retreat-400: #9d9f9e;
--color-zen-retreat-500: #848786;
--color-zen-retreat-600: #707271;
--color-zen-retreat-700: #5a5b5a;
--color-zen-retreat-800: #414342;
--color-zen-retreat-900: #2d2e2d;
--color-zen-retreat-950: #1a1b1a;
}SCSS
$zen-retreat: #5b5d5c;
$zen-retreat-rgb: 91, 93, 92;
$zen-retreat-light: mix(#fff, $zen-retreat, 20%);
$zen-retreat-dark: mix(#000, $zen-retreat, 20%);
.element {
color: $zen-retreat;
box-shadow: 0 0 0 2px rgba($zen-retreat, 0.35);
}