最接近的命名颜色 · #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);
}