أقرب لون مسمّى · #90C0CA
#90C0CA
أقرب لون مسمّى: Aquatic
#90C0CA (rgb(144 192 202)، hsl(190 35% 68%)، oklch(0.777 0.052 211.9)) أقرب إلى اللون المسمّى Aquatic. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#90C0CA
oklch(0.777 0.052 211.9)
تحويلات الألوان
- HEX
- #90c0ca
- RGB
- rgb(144 192 202)
- HSL
- hsl(190 35% 68%)
- HWB
- hwb(190 56% 21%)
- OKLCH
- oklch(0.777 0.052 211.9)
- OKLab
- oklab(0.777 -0.044 -0.028)
- CIE Lab
- lab(74.56 -14.61 -10.46)
- LCH
- lch(74.56 17.97 215.6)
- CMYK
- cmyk(29% 5% 0% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9BC6CF
- A6CCD5
- B1D3DA
- BDD9DF
- C8DFE4
- D3E6EA
- DEECEF
- E9F2F4
- F4F9FA
درجات داكنة
- 7DA7AF
- 6A8E95
- 57767C
- 455F64
- 34494D
- 243437
- 152022
- 070E0F
- 010202
درجات رمادية
- 8FB9C2
- 8EB3BB
- 8CACB3
- 8BA6AC
- 89A0A4
- 87999D
- 869396
- 848D8E
- 828687
تناسق الألوان
متمم +180°
- 90C0CA
Aquatic
- D6ABA2
≈ Everything’s Rosy
متجاور -30° +30°
- 90C0CA
Aquatic
- 92C2B9
≈ Focus Point
- 9ABBD6
≈ Mångata
ثلاثي +120° +240°
- 90C0CA
Aquatic
- CBABC6
≈ Winsome Orchid
- C2B691
≈ Withered Moss
متمم منقسم +150° +210°
- 90C0CA
Aquatic
- D4A9B4
≈ Sugarplum Dance
- D0B095
≈ Beige Ganesh
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.98:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.57:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aquatic: #90c0ca;
--aquatic-rgb: 144 192 202;
--aquatic-oklch: oklch(0.777 0.052 211.9);
}
.element {
color: var(--aquatic);
background-color: hsl(190 35% 68%);
border-color: oklch(0.777 0.052 211.9);
}Tailwind CSS v4
@theme {
--color-aquatic: #90c0ca;
--color-aquatic-50: #e5f9fe;
--color-aquatic-100: #d5edf3;
--color-aquatic-200: #bcdbe2;
--color-aquatic-300: #9abfc8;
--color-aquatic-400: #7ba7b0;
--color-aquatic-500: #5c909a;
--color-aquatic-600: #4e7a82;
--color-aquatic-700: #3e6169;
--color-aquatic-800: #2c484c;
--color-aquatic-900: #1e3235;
--color-aquatic-950: #0e1d20;
}SCSS
$aquatic: #90c0ca;
$aquatic-rgb: 144, 192, 202;
$aquatic-light: mix(#fff, $aquatic, 20%);
$aquatic-dark: mix(#000, $aquatic, 20%);
.element {
color: $aquatic;
box-shadow: 0 0 0 2px rgba($aquatic, 0.35);
}