لون مسمّى · #374F54
Urban Oasis
Urban Oasis هو #374F54: rgb(55 79 84)، hsl(190 21% 27%)، oklch(0.41 0.03 212). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Urban Oasis color name →
#374F54
oklch(0.41 0.03 212)
تحويلات الألوان
- HEX
- #374f54
- RGB
- rgb(55 79 84)
- HSL
- hsl(190 21% 27%)
- HWB
- hwb(190 22% 67%)
- OKLCH
- oklch(0.41 0.03 212)
- OKLab
- oklab(0.41 -0.026 -0.016)
- CIE Lab
- lab(31.79 -8.46 -6.08)
- LCH
- lch(31.79 10.42 215.7)
- CMYK
- cmyk(35% 6% 0% 67%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 495F64
- 5C6F73
- 6E8084
- 829194
- 96A3A5
- AAB5B7
- BFC7C8
- D4D9DA
- E9ECED
درجات داكنة
- 2E4448
- 26383C
- 1E2E31
- 162326
- 0F191B
- 081011
- 030708
- 010202
- 000000
درجات رمادية
- 3E5458
- 45595D
- 4D5D61
- 546265
- 5B676A
- 626C6E
- 6A7173
- 717677
- 797B7B
تناسق الألوان
متمم +180°
- 374F54
Urban Oasis
- 5A4540
≈ Heritage Oak
متجاور -30° +30°
- 374F54
Urban Oasis
- 38504C
≈ Heavy Black Green
- 3C4D5A
≈ Presidential
ثلاثي +120° +240°
- 374F54
Urban Oasis
- 554452
≈ Interlude
- 504A38
≈ Sooty Willow Bamboo
متمم منقسم +150° +210°
- 374F54
Urban Oasis
- 594449
≈ Huckleberry
- 57473A
≈ Kuri Black
رباعي +90° +180° +270°
- 374F54
Urban Oasis
- 4D4758
≈ House Stark Grey
- 5A4540
≈ Heritage Oak
- 474D3B
≈ Duffel Bag
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.71:1 · APCA Lc 90
Ag
Failعلى الأسود
WCAG 2.40:1 · APCA Lc 12
أفضل لون للنص: #FFFFFF
WCAG 8.71:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--urban-oasis: #374f54;
--urban-oasis-rgb: 55 79 84;
--urban-oasis-oklch: oklch(0.41 0.03 212);
}
.element {
color: var(--urban-oasis);
background-color: hsl(190 21% 27%);
border-color: oklch(0.41 0.03 212);
}Tailwind CSS v4
@theme {
--color-urban-oasis: #374f54;
--color-urban-oasis-50: #ecf8fa;
--color-urban-oasis-100: #ddebee;
--color-urban-oasis-200: #c6d8dc;
--color-urban-oasis-300: #a7bcc1;
--color-urban-oasis-400: #8ba4a9;
--color-urban-oasis-500: #6f8c92;
--color-urban-oasis-600: #5f767b;
--color-urban-oasis-700: #4b5f63;
--color-urban-oasis-800: #364548;
--color-urban-oasis-900: #253032;
--color-urban-oasis-950: #141c1e;
}SCSS
$urban-oasis: #374f54;
$urban-oasis-rgb: 55, 79, 84;
$urban-oasis-light: mix(#fff, $urban-oasis, 20%);
$urban-oasis-dark: mix(#000, $urban-oasis, 20%);
.element {
color: $urban-oasis;
box-shadow: 0 0 0 2px rgba($urban-oasis, 0.35);
}