أقرب لون مسمّى · #98BAC3
#98BAC3
أقرب لون مسمّى: Shallow Sea
#98BAC3 (rgb(152 186 195)، hsl(193 26% 68%)، oklch(0.767 0.039 215.6)) أقرب إلى اللون المسمّى Shallow Sea. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#98BAC3
oklch(0.767 0.039 215.6)
تحويلات الألوان
- HEX
- #98bac3
- RGB
- rgb(152 186 195)
- HSL
- hsl(193 26% 68%)
- HWB
- hwb(193 60% 24%)
- OKLCH
- oklch(0.767 0.039 215.6)
- OKLab
- oklab(0.767 -0.032 -0.023)
- CIE Lab
- lab(73.22 -10.38 -8.58)
- LCH
- lch(73.22 13.47 219.6)
- CMYK
- cmyk(22% 5% 0% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A2C1C9
- ACC8CF
- B7CED5
- C1D5DB
- CBDCE1
- D5E3E7
- E0EAED
- EAF1F3
- F5F8F9
درجات داكنة
- 84A1A9
- 708990
- 5C7278
- 4A5C60
- 38464A
- 273234
- 171E20
- 080D0E
- 010202
درجات رمادية
- 96B4BC
- 93AEB5
- 91A8AE
- 8FA2A8
- 8C9DA1
- 8A979A
- 889194
- 858B8D
- 838686
تناسق الألوان
متمم +180°
- 98BAC3
Shallow Sea
- CBABA3
≈ Art Deco Pink
متجاور -30° +30°
- 98BAC3
Shallow Sea
- 98BCB7
≈ Lap Pool Blue
- A0B6CB
≈ Morris Blue
ثلاثي +120° +240°
- 98BAC3
Shallow Sea
- C4AABD
≈ Monet Magic
- BAB498
≈ Flour Sack
متمم منقسم +150° +210°
- 98BAC3
Shallow Sea
- CAA9AF
≈ Dutchess Dawn
- C5AF9A
≈ Renwick Beige
رباعي +90° +180° +270°
- 98BAC3
Shallow Sea
- B9ADC7
≈ Fancy Pansy
- CBABA3
≈ Art Deco Pink
- ADB89D
≈ Winter Squash
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.06:1 · APCA Lc 40
Ag
AAAعلى الأسود
WCAG 10.14:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shallow-sea: #98bac3;
--shallow-sea-rgb: 152 186 195;
--shallow-sea-oklch: oklch(0.767 0.039 215.6);
}
.element {
color: var(--shallow-sea);
background-color: hsl(193 26% 68%);
border-color: oklch(0.767 0.039 215.6);
}Tailwind CSS v4
@theme {
--color-shallow-sea: #98bac3;
--color-shallow-sea-50: #eaf8fd;
--color-shallow-sea-100: #daebf0;
--color-shallow-sea-200: #c3d9df;
--color-shallow-sea-300: #a2bdc5;
--color-shallow-sea-400: #85a5ad;
--color-shallow-sea-500: #698d97;
--color-shallow-sea-600: #59777f;
--color-shallow-sea-700: #476066;
--color-shallow-sea-800: #33464b;
--color-shallow-sea-900: #233034;
--color-shallow-sea-950: #121d1f;
}SCSS
$shallow-sea: #98bac3;
$shallow-sea-rgb: 152, 186, 195;
$shallow-sea-light: mix(#fff, $shallow-sea, 20%);
$shallow-sea-dark: mix(#000, $shallow-sea, 20%);
.element {
color: $shallow-sea;
box-shadow: 0 0 0 2px rgba($shallow-sea, 0.35);
}