لون مسمّى · #9CA691
Irish Paddock
Irish Paddock هو #9CA691: rgb(156 166 145)، hsl(89 11% 61%)، oklch(0.711 0.032 128). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Irish Paddock color name →
#9CA691
oklch(0.711 0.032 128)
تحويلات الألوان
- HEX
- #9ca691
- RGB
- rgb(156 166 145)
- HSL
- hsl(89 11% 61%)
- HWB
- hwb(89 57% 35%)
- OKLCH
- oklch(0.711 0.032 128)
- OKLab
- oklab(0.711 -0.02 0.025)
- CIE Lab
- lab(66.86 -6.6 9.65)
- LCH
- lch(66.86 11.69 124.4)
- CMYK
- cmyk(6% 0% 13% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A5AF9C
- AFB7A6
- B9C0B1
- C3C9BC
- CCD2C7
- D6DBD2
- E0E4DD
- EBEDE8
- F5F6F4
درجات داكنة
- 87907D
- 737A6A
- 5F6558
- 4C5146
- 393E35
- 282B25
- 181A15
- 090A07
- 010101
درجات رمادية
- 99A28F
- 969E8E
- 949A8C
- 91978A
- 8E9389
- 8B8F87
- 888B85
- 868783
- 838482
تناسق الألوان
متمم +180°
- 9CA691
Irish Paddock
- A79DB2
≈ Grapeade
متجاور -30° +30°
- 9CA691
Irish Paddock
- A7A28C
≈ Cement
- 92A89A
≈ Melville
ثلاثي +120° +240°
- 9CA691
Irish Paddock
- 93A4B5
≈ River Valley
- B59A9E
≈ Twilight Blush
متمم منقسم +150° +210°
- 9CA691
Irish Paddock
- 9DA0B6
≈ Wild Thistle
- B09BA9
≈ On the Nile
رباعي +90° +180° +270°
- 9CA691
Irish Paddock
- 8CA7AF
≈ Stone Silver
- A79DB2
≈ Grapeade
- B59C94
≈ Creamed Caramel
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.53:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.27:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.27:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--irish-paddock: #9ca691;
--irish-paddock-rgb: 156 166 145;
--irish-paddock-oklch: oklch(0.711 0.032 128);
}
.element {
color: var(--irish-paddock);
background-color: hsl(89 11% 61%);
border-color: oklch(0.711 0.032 128);
}Tailwind CSS v4
@theme {
--color-irish-paddock: #9ca691;
--color-irish-paddock-50: #f2f7ee;
--color-irish-paddock-100: #e4eadf;
--color-irish-paddock-200: #d0d7c9;
--color-irish-paddock-300: #b2bbaa;
--color-irish-paddock-400: #99a28e;
--color-irish-paddock-500: #808b74;
--color-irish-paddock-600: #6c7562;
--color-irish-paddock-700: #575e4f;
--color-irish-paddock-800: #3f4539;
--color-irish-paddock-900: #2c2f27;
--color-irish-paddock-950: #191c15;
}SCSS
$irish-paddock: #9ca691;
$irish-paddock-rgb: 156, 166, 145;
$irish-paddock-light: mix(#fff, $irish-paddock, 20%);
$irish-paddock-dark: mix(#000, $irish-paddock, 20%);
.element {
color: $irish-paddock;
box-shadow: 0 0 0 2px rgba($irish-paddock, 0.35);
}