أقرب لون مسمّى · #258385
#258385
أقرب لون مسمّى: Jade Jewel
#258385 (rgb(37 131 133)، hsl(181 56% 33%)، oklch(0.558 0.084 197.1)) أقرب إلى اللون المسمّى Jade Jewel. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#258385
oklch(0.558 0.084 197.1)
تحويلات الألوان
- HEX
- #258385
- RGB
- rgb(37 131 133)
- HSL
- hsl(181 56% 33%)
- HWB
- hwb(181 15% 48%)
- OKLCH
- oklch(0.558 0.084 197.1)
- OKLab
- oklab(0.558 -0.081 -0.025)
- CIE Lab
- lab(49.62 -27.11 -9.4)
- LCH
- lch(49.62 28.69 199.1)
- CMYK
- cmyk(72% 2% 0% 48%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 428F91
- 599B9C
- 6FA7A8
- 84B4B4
- 98C0C0
- ADCCCD
- C1D9D9
- D6E6E6
- EAF2F2
درجات داكنة
- 1F7173
- 196061
- 134F50
- 0D3F40
- 082F30
- 042021
- 021213
- 000606
- 000101
درجات رمادية
- 358385
- 418384
- 4B8384
- 548283
- 5C8283
- 648282
- 6C8182
- 738181
- 798181
تناسق الألوان
متمم +180°
- 258385
Jade Jewel
- 9F5F62
≈ Pizza Pie
متجاور -30° +30°
- 258385
Jade Jewel
- 3B846A
≈ Mythical Forest
- 357E9A
≈ Greenland Blue
ثلاثي +120° +240°
- 258385
Jade Jewel
- 886495
≈ Dark Lavender
- 906D37
≈ Mango Squash
متمم منقسم +150° +210°
- 258385
Jade Jewel
- 985F7D
≈ Rose Wine
- 9D6448
≈ Antique Copper
رباعي +90° +180° +270°
- 258385
Jade Jewel
- 716CA3
≈ Inner Journey
- 9F5F62
≈ Pizza Pie
- 797739
≈ Evening Green
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jade-jewel: #258385;
--jade-jewel-rgb: 37 131 133;
--jade-jewel-oklch: oklch(0.558 0.084 197.1);
}
.element {
color: var(--jade-jewel);
background-color: hsl(181 56% 33%);
border-color: oklch(0.558 0.084 197.1);
}Tailwind CSS v4
@theme {
--color-jade-jewel: #258385;
--color-jade-jewel-50: #dafdfe;
--color-jade-jewel-100: #c8f1f3;
--color-jade-jewel-200: #aae0e2;
--color-jade-jewel-300: #83c5c8;
--color-jade-jewel-400: #5caeb0;
--color-jade-jewel-500: #2e9799;
--color-jade-jewel-600: #2a8082;
--color-jade-jewel-700: #216668;
--color-jade-jewel-800: #164b4b;
--color-jade-jewel-900: #0e3434;
--color-jade-jewel-950: #022020;
}SCSS
$jade-jewel: #258385;
$jade-jewel-rgb: 37, 131, 133;
$jade-jewel-light: mix(#fff, $jade-jewel, 20%);
$jade-jewel-dark: mix(#000, $jade-jewel, 20%);
.element {
color: $jade-jewel;
box-shadow: 0 0 0 2px rgba($jade-jewel, 0.35);
}