أقرب لون مسمّى · #88A189
#88A189
أقرب لون مسمّى: Basil
#88A189 (rgb(136 161 137)، hsl(122 12% 58%)، oklch(0.683 0.045 146.1)) أقرب إلى اللون المسمّى Basil. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#88A189
oklch(0.683 0.045 146.1)
تحويلات الألوان
- HEX
- #88a189
- RGB
- rgb(136 161 137)
- HSL
- hsl(122 12% 58%)
- HWB
- hwb(122 53% 37%)
- OKLCH
- oklch(0.683 0.045 146.1)
- OKLab
- oklab(0.683 -0.037 0.025)
- CIE Lab
- lab(63.79 -12.66 9.5)
- LCH
- lch(63.79 15.83 143.1)
- CMYK
- cmyk(16% 0% 15% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 93AA94
- 9FB3A0
- ABBCAB
- B6C6B7
- C2CFC3
- CED9CE
- DAE2DA
- E6ECE6
- F3F5F3
درجات داكنة
- 758B76
- 637664
- 526253
- 414E42
- 313C31
- 222A22
- 131914
- 060907
- 010101
درجات رمادية
- 879E88
- 879A87
- 869786
- 859486
- 849085
- 838D84
- 838A83
- 828782
- 818381
تناسق الألوان
متمم +180°
- 88A189
Basil
- A890A8
≈ Uptown Girl
متجاور -30° +30°
- 88A189
Basil
- 979D7E
≈ Rookwood Jade
- 7CA398
≈ Gnome
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 88A189
Basil
- 9B94B2
≈ Tusi Grey
- B18E9A
≈ Mauve Shadows
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.50:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--basil: #88a189;
--basil-rgb: 136 161 137;
--basil-oklch: oklch(0.683 0.045 146.1);
}
.element {
color: var(--basil);
background-color: hsl(122 12% 58%);
border-color: oklch(0.683 0.045 146.1);
}Tailwind CSS v4
@theme {
--color-basil: #88a189;
--color-basil-50: #edf9ee;
--color-basil-100: #deece0;
--color-basil-200: #c8daca;
--color-basil-300: #a9beab;
--color-basil-400: #8ea68f;
--color-basil-500: #748f75;
--color-basil-600: #627963;
--color-basil-700: #4e604f;
--color-basil-800: #394739;
--color-basil-900: #273127;
--color-basil-950: #151d15;
}SCSS
$basil: #88a189;
$basil-rgb: 136, 161, 137;
$basil-light: mix(#fff, $basil, 20%);
$basil-dark: mix(#000, $basil, 20%);
.element {
color: $basil;
box-shadow: 0 0 0 2px rgba($basil, 0.35);
}