أقرب لون مسمّى · #2D95A1
#2D95A1
أقرب لون مسمّى: Oasis
#2D95A1 (rgb(45 149 161)، hsl(186 56% 40%)، oklch(0.617 0.093 206.3)) أقرب إلى اللون المسمّى Oasis. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#2D95A1
oklch(0.617 0.093 206.3)
تحويلات الألوان
- HEX
- #2d95a1
- RGB
- rgb(45 149 161)
- HSL
- hsl(186 56% 40%)
- HWB
- hwb(186 18% 37%)
- OKLCH
- oklch(0.617 0.093 206.3)
- OKLab
- oklab(0.617 -0.083 -0.041)
- CIE Lab
- lab(56.38 -27.18 -15.38)
- LCH
- lch(56.38 31.23 209.5)
- CMYK
- cmyk(72% 7% 0% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 499FAA
- 61AAB3
- 76B4BD
- 8ABFC6
- 9ECACF
- B2D4D9
- C5DFE2
- D8EAEC
- ECF4F5
درجات داكنة
- 26818B
- 1F6D76
- 185A62
- 11484E
- 0B373C
- 06262A
- 021619
- 010809
- 000101
درجات رمادية
- 3C939E
- 47919A
- 518F97
- 5A8D94
- 618B91
- 68898D
- 6F878A
- 758587
- 7B8283
تناسق الألوان
متمم +180°
- 2D95A1
Oasis
- B76F67
≈ Hacienda Tile
متجاور -30° +30°
ثلاثي +120° +240°
- 2D95A1
Oasis
- A371A3
≈ Violet Femmes
- 9E813E
≈ Wild Olive
متمم منقسم +150° +210°
- 2D95A1
Oasis
- B26D87
≈ Pink Hibiscus
- B0764C
≈ Copper Mine
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.54:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.92:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--oasis: #2d95a1;
--oasis-rgb: 45 149 161;
--oasis-oklch: oklch(0.617 0.093 206.3);
}
.element {
color: var(--oasis);
background-color: hsl(186 56% 40%);
border-color: oklch(0.617 0.093 206.3);
}Tailwind CSS v4
@theme {
--color-oasis: #2d95a1;
--color-oasis-50: #d8fdff;
--color-oasis-100: #c5f1f8;
--color-oasis-200: #a6e0e9;
--color-oasis-300: #7cc5d0;
--color-oasis-400: #52aeba;
--color-oasis-500: #1697a5;
--color-oasis-600: #19808b;
--color-oasis-700: #14666f;
--color-oasis-800: #0b4b51;
--color-oasis-900: #083439;
--color-oasis-950: #002023;
}SCSS
$oasis: #2d95a1;
$oasis-rgb: 45, 149, 161;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}