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