颜色详情
#1C86BA浓郁鲜活蓝 200 / Rich Vivid Blue 200
浓郁鲜活蓝 200(#1C86BA)颜色详情:RGB 28, 134, 186,HSL 200°, 74%, 42%。查看 CMYK、LAB、明暗色阶、互补配色、WCAG 对比度与 CSS 代码,免费无需登录。
#1C86BA
颜色格式与精确数值
复制设计、网页和印刷工作中常用的颜色表示方式。
明暗色阶
从浅色背景到深色强调,点击任一色块继续查看或编辑。
配色关系
基于 HSL 色轮计算的四组常用配色方案。
文字对比度
按照 WCAG 2.2 检查白色和黑色文字的可读性。
Aa
白色文字4.06 : 1普通文字 AA 未通过
AA ×Aa
黑色文字5.17 : 1普通文字 AA 通过
AA ✓开发代码
HEX: #1C86BARGB: rgb(28, 134, 186)HSL: hsl(200 74% 42%)CSS: --brand-color: #1C86BA;Android: #1C86BASwift: UIColor(red: 0.110, green: 0.525, blue: 0.729, alpha: 1)颜色分析与使用建议
#1C86BA 属于蓝色,整体呈现稳重、鲜明高饱和的视觉气质。
它适合用于品牌强调、按钮、图表高亮和插画。实际落地时,应结合下方对比度结果选择文字颜色,避免只凭肉眼判断可读性。
实用原则
- 用 #000000 作为首选文字色,可获得更高的基础对比度。
- 品牌与界面使用时保留一组明暗变化,能让悬停、禁用和背景状态保持一致。
- 印刷前请使用对应印刷配置文件校样,屏幕 RGB 与实际油墨会有差异。
相近颜色
按 RGB 距离筛选出的邻近颜色,可继续比较和组合。
用图片找到更多颜色
上传、拖入或粘贴图片,精准读取像素并自动提取主色板。