أقرب لون مسمّى · #00A59B
#00A59B
أقرب لون مسمّى: Silken Jade
#00A59B (rgb(0 165 155)، hsl(176 100% 32%)، oklch(0.65 0.113 187.2)) أقرب إلى اللون المسمّى Silken Jade. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#00A59B
oklch(0.65 0.113 187.2)
تحويلات الألوان
- HEX
- #00a59b
- RGB
- rgb(0 165 155)
- HSL
- hsl(176 100% 32%)
- HWB
- hwb(176 0% 35%)
- OKLCH
- oklch(0.65 0.113 187.2)
- OKLab
- oklab(0.65 -0.113 -0.014)
- CIE Lab
- lab(60.75 -38.93 -5.6)
- LCH
- lch(60.75 39.33 188.2)
- CMYK
- cmyk(100% 0% 6% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3CAEA5
- 59B7AE
- 71C0B8
- 87C9C2
- 9CD2CC
- B0DBD6
- C4E4E0
- D8EDEA
- EBF6F5
درجات داكنة
- 008F86
- 007972
- 00655E
- 00514B
- 003D39
- 002B28
- 001A18
- 000A09
- 000101
درجات رمادية
- 2AA198
- 3D9E96
- 4B9A93
- 559790
- 5F938D
- 678F8B
- 6E8C88
- 748885
- 7A8483
تناسق الألوان
متمم +180°
- 00A59B
Silken Jade
- C97083
≈ Artful Pink
متجاور -30° +30°
- 00A59B
Silken Jade
- 4BA473
≈ Tropical Tone
- 129FBC
≈ Greek Blue
ثلاثي +120° +240°
- 00A59B
Silken Jade
- A27CC5
≈ Wisteria
- BD813B
≈ Fresh Clay
متمم منقسم +150° +210°
- 00A59B
Silken Jade
- BB73A8
≈ Crocus
- CA755C
≈ Dusted Clay
رباعي +90° +180° +270°
- 00A59B
Silken Jade
- 7E88D4
≈ Tanzine
- C97083
≈ Artful Pink
- A38F32
≈ Faint Green
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.06:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.85:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.85:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--silken-jade: #00a59b;
--silken-jade-rgb: 0 165 155;
--silken-jade-oklch: oklch(0.65 0.113 187.2);
}
.element {
color: var(--silken-jade);
background-color: hsl(176 100% 32%);
border-color: oklch(0.65 0.113 187.2);
}Tailwind CSS v4
@theme {
--color-silken-jade: #00a59b;
--color-silken-jade-50: #d1fffc;
--color-silken-jade-100: #bdf5f0;
--color-silken-jade-200: #9be4de;
--color-silken-jade-300: #6ccac3;
--color-silken-jade-400: #37b4aa;
--color-silken-jade-500: #009d93;
--color-silken-jade-600: #00857c;
--color-silken-jade-700: #006b63;
--color-silken-jade-800: #004f48;
--color-silken-jade-900: #003732;
--color-silken-jade-950: #00211e;
}SCSS
$silken-jade: #00a59b;
$silken-jade-rgb: 0, 165, 155;
$silken-jade-light: mix(#fff, $silken-jade, 20%);
$silken-jade-dark: mix(#000, $silken-jade, 20%);
.element {
color: $silken-jade;
box-shadow: 0 0 0 2px rgba($silken-jade, 0.35);
}