最接近的命名颜色 · #ABD1E0
#ABD1E0
最接近的命名颜色: Ariel
#ABD1E0（rgb(171 209 224)、hsl(197 46% 77%)、oklch(0.838 0.045 223.8)）最接近命名颜色 Ariel。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#ABD1E0
oklch(0.838 0.045 223.8)
颜色转换
- HEX
- #abd1e0
- RGB
- rgb(171 209 224)
- HSL
- hsl(197 46% 77%)
- HWB
- hwb(197 67% 12%)
- OKLCH
- oklch(0.838 0.045 223.8)
- OKLab
- oklab(0.838 -0.033 -0.031)
- CIE Lab
- lab(81.45 -10.52 -11.82)
- LCH
- lch(81.45 15.83 228.3)
- CMYK
- cmyk(24% 7% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- B3D6E3
- BCDAE6
- C4DFE9
- CDE3EC
- D5E8F0
- DDEDF3
- E6F1F6
- EEF6F9
- F7FAFC
深色调
- 94B5C3
- 7E9BA6
- 68818A
- 546870
- 405056
- 2D393E
- 1B2327
- 0B1012
- 010202
灰色调
- A7C9D6
- A3C0CC
- 9EB8C2
- 9AB0B9
- 96A8AF
- 92A0A5
- 8D989C
- 899092
- 848889
配色和谐
互补色 +180°
- ABD1E0
Ariel
- E5C1B3
≈ Calico Rose
类似色 -30° +30°
- ABD1E0
Ariel
- A9D4D2
≈ Eton Blue
- B6CCE8
≈ Periwinkle Dream
三角配色 +120° +240°
- ABD1E0
Ariel
- E0BFD1
≈ Scandalous Rose
- CECCAA
≈ Canary Grass
分裂互补色 +150° +210°
- ABD1E0
Ariel
- E6BFC1
≈ Sweet Blush
- DCC6AA
≈ Sandy Beaches
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.62:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.92:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--ariel: #abd1e0;
--ariel-rgb: 171 209 224;
--ariel-oklch: oklch(0.838 0.045 223.8);
}
.element {
color: var(--ariel);
background-color: hsl(197 46% 77%);
border-color: oklch(0.838 0.045 223.8);
}Tailwind CSS v4
@theme {
--color-ariel: #abd1e0;
--color-ariel-50: #e8f8ff;
--color-ariel-100: #d9ebf4;
--color-ariel-200: #c1d9e3;
--color-ariel-300: #a0bdc9;
--color-ariel-400: #82a5b2;
--color-ariel-500: #658d9d;
--color-ariel-600: #567784;
--color-ariel-700: #45606a;
--color-ariel-800: #31464e;
--color-ariel-900: #213136;
--color-ariel-950: #101d21;
}SCSS
$ariel: #abd1e0;
$ariel-rgb: 171, 209, 224;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}