لون مسمّى · #9DACB7
Urban Pigeon
Urban Pigeon هو #9DACB7: rgb(157 172 183)، hsl(205 15% 67%)، oklch(0.736 0.023 239.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Urban Pigeon color name →
#9DACB7
oklch(0.736 0.023 239.6)
تحويلات الألوان
- HEX
- #9dacb7
- RGB
- rgb(157 172 183)
- HSL
- hsl(205 15% 67%)
- HWB
- hwb(205 62% 28%)
- OKLCH
- oklch(0.736 0.023 239.6)
- OKLab
- oklab(0.736 -0.012 -0.02)
- CIE Lab
- lab(69.43 -3.71 -7.55)
- LCH
- lch(69.43 8.41 243.8)
- CMYK
- cmyk(14% 6% 0% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A6B4BE
- B0BCC5
- BAC4CC
- C3CDD3
- CDD5DB
- D7DDE2
- E1E6E9
- EBEEF0
- F5F6F8
درجات داكنة
- 88959F
- 737F87
- 5F6970
- 4C545A
- 3A4045
- 282D31
- 181B1E
- 090B0C
- 010102
درجات رمادية
- 9AA8B1
- 97A3AC
- 949FA6
- 919AA1
- 8E969B
- 8C9196
- 898D90
- 86898B
- 838485
تناسق الألوان
متمم +180°
- 9DACB7
Urban Pigeon
- B5A79B
≈ Nantucket Sands
متجاور -30° +30°
- 9DACB7
Urban Pigeon
- 9AAEB2
≈ Interesting Aqua
- A4A9B9
≈ Ridge View
ثلاثي +120° +240°
- 9DACB7
Urban Pigeon
- B7A4A9
≈ Magical Mauve
- A8AC9C
≈ Meditation
متمم منقسم +150° +210°
- 9DACB7
Urban Pigeon
- B8A5A1
≈ Prestige
- AFA99A
≈ Grey Silt
رباعي +90° +180° +270°
- 9DACB7
Urban Pigeon
- B2A5B1
≈ Midsummer Twilight
- B5A79B
≈ Nantucket Sands
- A0AEA2
≈ Grass Sands
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.32:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.01:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--urban-pigeon: #9dacb7;
--urban-pigeon-rgb: 157 172 183;
--urban-pigeon-oklch: oklch(0.736 0.023 239.6);
}
.element {
color: var(--urban-pigeon);
background-color: hsl(205 15% 67%);
border-color: oklch(0.736 0.023 239.6);
}Tailwind CSS v4
@theme {
--color-urban-pigeon: #9dacb7;
--color-urban-pigeon-50: #f0f6fb;
--color-urban-pigeon-100: #e1e9ef;
--color-urban-pigeon-200: #ccd6dd;
--color-urban-pigeon-300: #adb9c2;
--color-urban-pigeon-400: #93a1ab;
--color-urban-pigeon-500: #798994;
--color-urban-pigeon-600: #66747d;
--color-urban-pigeon-700: #525c64;
--color-urban-pigeon-800: #3b444a;
--color-urban-pigeon-900: #292f33;
--color-urban-pigeon-950: #161b1f;
}SCSS
$urban-pigeon: #9dacb7;
$urban-pigeon-rgb: 157, 172, 183;
$urban-pigeon-light: mix(#fff, $urban-pigeon, 20%);
$urban-pigeon-dark: mix(#000, $urban-pigeon, 20%);
.element {
color: $urban-pigeon;
box-shadow: 0 0 0 2px rgba($urban-pigeon, 0.35);
}