أقرب لون مسمّى · #00B0C9
#00B0C9
أقرب لون مسمّى: Aquarius
#00B0C9 (rgb(0 176 201)، hsl(187 100% 39%)، oklch(0.695 0.121 212.4)) أقرب إلى اللون المسمّى Aquarius. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#00B0C9
oklch(0.695 0.121 212.4)
تحويلات الألوان
- HEX
- #00b0c9
- RGB
- rgb(0 176 201)
- HSL
- hsl(187 100% 39%)
- HWB
- hwb(187 0% 21%)
- OKLCH
- oklch(0.695 0.121 212.4)
- OKLab
- oklab(0.695 -0.102 -0.065)
- CIE Lab
- lab(65.49 -32.08 -24.02)
- LCH
- lch(65.49 40.08 216.8)
- CMYK
- cmyk(100% 12% 0% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3FB8CF
- 5CC0D4
- 75C8DA
- 8AD0DF
- 9FD8E4
- B3E0EA
- C6E8EF
- D9F0F4
- ECF7FA
درجات داكنة
- 0099AE
- 008295
- 006C7C
- 005664
- 00424C
- 002E36
- 001C22
- 000B0F
- 000102
درجات رمادية
- 2DABC2
- 40A7BA
- 4EA2B3
- 589DAC
- 6199A4
- 69949D
- 708F96
- 768A8E
- 7B8587
تناسق الألوان
متمم +180°
- 00B0C9
Aquarius
- DE7F6C
≈ Wet Pottery Clay
متجاور -30° +30°
- 00B0C9
Aquarius
- 15B5A3
≈ Aare River
- 50A5E2
≈ High Blue
ثلاثي +120° +240°
- 00B0C9
Aquarius
- C980BE
≈ Peruvian Lily
- B79A36
≈ Gold Taffeta
متمم منقسم +150° +210°
- 00B0C9
Aquarius
- DA7B96
≈ Impatient Pink
- D28B46
≈ Hazelnut Coffee
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.60:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.05:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.05:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aquarius: #00b0c9;
--aquarius-rgb: 0 176 201;
--aquarius-oklch: oklch(0.695 0.121 212.4);
}
.element {
color: var(--aquarius);
background-color: hsl(187 100% 39%);
border-color: oklch(0.695 0.121 212.4);
}Tailwind CSS v4
@theme {
--color-aquarius: #00b0c9;
--color-aquarius-50: #cfffff;
--color-aquarius-100: #baf3ff;
--color-aquarius-200: #96e2f4;
--color-aquarius-300: #65c7de;
--color-aquarius-400: #24b1c8;
--color-aquarius-500: #009ab5;
--color-aquarius-600: #008299;
--color-aquarius-700: #00687b;
--color-aquarius-800: #004d5a;
--color-aquarius-900: #00353f;
--color-aquarius-950: #002028;
}SCSS
$aquarius: #00b0c9;
$aquarius-rgb: 0, 176, 201;
$aquarius-light: mix(#fff, $aquarius, 20%);
$aquarius-dark: mix(#000, $aquarius, 20%);
.element {
color: $aquarius;
box-shadow: 0 0 0 2px rgba($aquarius, 0.35);
}