أقرب لون مسمّى · #98CAD5
#98CAD5
أقرب لون مسمّى: Wave
#98CAD5 (rgb(152 202 213)، hsl(191 42% 72%)، oklch(0.808 0.054 212.7)) أقرب إلى اللون المسمّى Wave. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#98CAD5
oklch(0.808 0.054 212.7)
تحويلات الألوان
- HEX
- #98cad5
- RGB
- rgb(152 202 213)
- HSL
- hsl(191 42% 72%)
- HWB
- hwb(191 60% 16%)
- OKLCH
- oklch(0.808 0.054 212.7)
- OKLab
- oklab(0.808 -0.046 -0.029)
- CIE Lab
- lab(78.09 -14.98 -11.09)
- LCH
- lch(78.09 18.64 216.5)
- CMYK
- cmyk(29% 5% 0% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A3CFD9
- ADD5DD
- B7DAE2
- C2DFE6
- CCE4EA
- D6EAEE
- E0EFF2
- EBF4F7
- F5FAFB
درجات داكنة
- 84AFB9
- 70959E
- 5C7C83
- 4A646A
- 384D51
- 27373A
- 172224
- 080F10
- 010202
درجات رمادية
- 96C2CC
- 94BBC3
- 92B3BB
- 8FACB2
- 8DA4AA
- 8B9DA1
- 889699
- 858E90
- 838788
تناسق الألوان
متمم +180°
- 98CAD5
Wave
- E1B4AA
≈ Stormy Pink
متجاور -30° +30°
- 98CAD5
Wave
- 9ACCC3
≈ Jamaica Bay
- A2C5E1
≈ Sea Cliff
ثلاثي +120° +240°
- 98CAD5
Wave
- D6B4D0
≈ Pink Ivory
- CCC099
≈ Tangled Vines
متمم منقسم +150° +210°
- 98CAD5
Wave
- E0B2BD
≈ Pentalon
- DAB99D
≈ Wassail
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.78:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.74:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wave: #98cad5;
--wave-rgb: 152 202 213;
--wave-oklch: oklch(0.808 0.054 212.7);
}
.element {
color: var(--wave);
background-color: hsl(191 42% 72%);
border-color: oklch(0.808 0.054 212.7);
}Tailwind CSS v4
@theme {
--color-wave: #98cad5;
--color-wave-50: #e5faff;
--color-wave-100: #d5edf3;
--color-wave-200: #bbdbe3;
--color-wave-300: #98bfc9;
--color-wave-400: #79a7b1;
--color-wave-500: #5a909c;
--color-wave-600: #4d7a83;
--color-wave-700: #3d6169;
--color-wave-800: #2b484d;
--color-wave-900: #1d3235;
--color-wave-950: #0d1e21;
}SCSS
$wave: #98cad5;
$wave-rgb: 152, 202, 213;
$wave-light: mix(#fff, $wave, 20%);
$wave-dark: mix(#000, $wave, 20%);
.element {
color: $wave;
box-shadow: 0 0 0 2px rgba($wave, 0.35);
}