أقرب لون مسمّى · #70C9C6
#70C9C6
أقرب لون مسمّى: Cyantific
#70C9C6 (rgb(112 201 198)، hsl(178 45% 61%)، oklch(0.78 0.086 192.7)) أقرب إلى اللون المسمّى Cyantific. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#70C9C6
oklch(0.78 0.086 192.7)
تحويلات الألوان
- HEX
- #70c9c6
- RGB
- rgb(112 201 198)
- HSL
- hsl(178 45% 61%)
- HWB
- hwb(178 44% 21%)
- OKLCH
- oklch(0.78 0.086 192.7)
- OKLab
- oklab(0.78 -0.084 -0.019)
- CIE Lab
- lab(75.39 -28.5 -7.3)
- LCH
- lch(75.39 29.42 194.4)
- CMYK
- cmyk(44% 0% 1% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 80CECC
- 90D4D1
- 9FD9D7
- ADDFDD
- BBE4E2
- C9EAE8
- D7EFEE
- E4F4F3
- F2FAF9
درجات داكنة
- 60AEAC
- 519592
- 437C7A
- 356462
- 274C4B
- 1A3635
- 0E2221
- 040F0E
- 010202
درجات رمادية
- 74C2BF
- 76BAB8
- 79B3B0
- 7BABA9
- 7DA4A2
- 7E9D9B
- 7F9694
- 808E8E
- 808787
تناسق الألوان
متمم +180°
- 70C9C6
Cyantific
- E9A1A8
≈ Wood Nymph
متجاور -30° +30°
- 70C9C6
Cyantific
- 83C9A7
≈ Park Green Flat
- 76C4DF
≈ Hawaiian Breeze
ثلاثي +120° +240°
- 70C9C6
Cyantific
- CAA8DF
≈ Tropical Violet
- D9AF79
≈ Bonfire Toffee
متمم منقسم +150° +210°
- 70C9C6
Cyantific
- DFA2C6
≈ Prettiest Pink
- E7A68B
≈ Priceless Coral
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.93:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.85:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 10.85:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cyantific: #70c9c6;
--cyantific-rgb: 112 201 198;
--cyantific-oklch: oklch(0.78 0.086 192.7);
}
.element {
color: var(--cyantific);
background-color: hsl(178 45% 61%);
border-color: oklch(0.78 0.086 192.7);
}Tailwind CSS v4
@theme {
--color-cyantific: #70c9c6;
--color-cyantific-50: #dafdfd;
--color-cyantific-100: #c8f1f1;
--color-cyantific-200: #aae0df;
--color-cyantific-300: #82c6c5;
--color-cyantific-400: #5bafac;
--color-cyantific-500: #2c9895;
--color-cyantific-600: #28817e;
--color-cyantific-700: #206765;
--color-cyantific-800: #154c49;
--color-cyantific-900: #0e3533;
--color-cyantific-950: #01201f;
}SCSS
$cyantific: #70c9c6;
$cyantific-rgb: 112, 201, 198;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}