最接近的命名颜色 · #C4E9F2
#C4E9F2
最接近的命名颜色: Summer Mist
#C4E9F2（rgb(196 233 242)、hsl(192 64% 86%)、oklch(0.91 0.04 214.1)）最接近命名颜色 Summer Mist。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C4E9F2
oklch(0.91 0.04 214.1)
颜色转换
- HEX
- #c4e9f2
- RGB
- rgb(196 233 242)
- HSL
- hsl(192 64% 86%)
- HWB
- hwb(192 77% 5%)
- OKLCH
- oklch(0.91 0.04 214.1)
- OKLab
- oklab(0.91 -0.033 -0.023)
- CIE Lab
- lab(89.9 -11.06 -8.62)
- LCH
- lch(89.9 14.02 217.9)
- CMYK
- cmyk(19% 4% 0% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- CAEBF3
- D0EDF5
- D6F0F6
- DCF2F7
- E2F4F9
- E8F6FA
- EEF8FB
- F3FBFC
- F9FDFE
深色调
- AACBD2
- 91ADB4
- 789096
- 617479
- 4A5A5E
- 354143
- 21292B
- 0E1314
- 020303
灰色调
- BDDEE6
- B6D3DA
- AFC8CE
- A9BEC3
- A2B3B7
- 9BA9AC
- 949EA1
- 8D9496
- 878A8B
配色和谐
互补色 +180°
- C4E9F2
Summer Mist
- FBD9D0
≈ Bunny Ears
类似色 -30° +30°
- C4E9F2
Summer Mist
- C5EBE4
≈ Clear Aqua
- CCE5FB
≈ Fresh Water
三角配色 +120° +240°
- C4E9F2
Summer Mist
- F3D8ED
≈ Grape Taffy
- EAE2C4
≈ Star of Gold
分裂互补色 +150° +210°
- C4E9F2
Summer Mist
- FAD7DE
≈ Barely Pink
- F5DCC6
≈ Crisp Wonton
四角配色 +90° +180° +270°
- C4E9F2
Summer Mist
- E7DBF8
≈ Pouty Purple
- FBD9D0
≈ Bunny Ears
- DCE6C9
≈ Breath of Celery
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.28:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--summer-mist: #c4e9f2;
--summer-mist-rgb: 196 233 242;
--summer-mist-oklch: oklch(0.91 0.04 214.1);
}
.element {
color: var(--summer-mist);
background-color: hsl(192 64% 86%);
border-color: oklch(0.91 0.04 214.1);
}Tailwind CSS v4
@theme {
--color-summer-mist: #c4e9f2;
--color-summer-mist-50: #e9f8fd;
--color-summer-mist-100: #daecf1;
--color-summer-mist-200: #c2d9df;
--color-summer-mist-300: #a1bdc5;
--color-summer-mist-400: #84a5ad;
--color-summer-mist-500: #678e97;
--color-summer-mist-600: #58787f;
--color-summer-mist-700: #466066;
--color-summer-mist-800: #32464b;
--color-summer-mist-900: #223134;
--color-summer-mist-950: #111d1f;
}SCSS
$summer-mist: #c4e9f2;
$summer-mist-rgb: 196, 233, 242;
$summer-mist-light: mix(#fff, $summer-mist, 20%);
$summer-mist-dark: mix(#000, $summer-mist, 20%);
.element {
color: $summer-mist;
box-shadow: 0 0 0 2px rgba($summer-mist, 0.35);
}