ColorTool
登录
#ABBEC2

#abbec2 ≈ Pastel Blue

  • 青
  • 明度: 较高
  • 饱和度: 较低
  • 冷色
检查对比度 在关系图中探索 随机颜色

#abbec2 属于青系颜色（明度：较高，饱和度：较低）。 在 RGB 模型中，它由 67.06% 红、74.51% 绿和 76.08% 蓝组成；采用 CMYK 印刷时需要 11.86% 青、2.06% 品红、0% 黄和 23.92% 黑。 在 HSL 中，它的色相角为 190.43°，饱和度为 15.86%，明度为 71.57%。 这是一种冷色，常让人联想到清爽、科技和明晰。 设计师常把它用于健康与养生、科技产品和品牌点缀色。 在此颜色上使用黑色文字时，对比度为 10.88:1（WCAG AAA）。 最接近的命名颜色是 Pastel Blue（#aec6cf），ΔE 为 3.04。

根据此颜色的测量属性自动生成的描述。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
网页安全色#99cccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二进制
十进制
相对亮度0.4938

互补色

  1. #abbec2
  2. #c2afab

分裂互补色

  1. #abbec2
  2. #c2abb3
  3. #c2bbab

类似色

  1. #abc2bb
  2. #abbec2
  3. #abb3c2

三角配色

  1. #abbec2
  2. #c2abbe
  3. #bec2ab

矩形配色

  1. #abbec2
  2. #afabc2
  3. #c2afab
  4. #bec2ab

正方形配色

  1. #abbec2
  2. #bbabc2
  3. #c2afab
  4. #b3c2ab

单色配色

  1. #59757b
  2. #7f9ca2
  3. #abbec2
  4. #d7e0e2
  5. #f3f6f6

暗调

#abbec2 逐步混入黑色。

  1. #abbec2
  2. #9aabaf
  3. #89989b
  4. #788588
  5. #677274
  6. #565f61
  7. #444c4e
  8. #33393a
  9. #222627
  10. #111313
  11. #000000

亮调

#abbec2 逐步混入白色。

  1. #abbec2
  2. #b3c5c8
  3. #bccbce
  4. #c4d2d4
  5. #cdd8da
  6. #d5dfe1
  7. #dde5e7
  8. #e6eced
  9. #eef2f3
  10. #f7f9f9
  11. #ffffff

灰调

#abbec2 逐步混入灰色。

  1. #abbec2
  2. #a7b8bb
  3. #a2b2b5
  4. #9eabae
  5. #9aa5a8
  6. #969fa1
  7. #91999a
  8. #8d9394
  9. #898c8d
  10. #848687
  11. #808080

清晰易读的文字 1.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清晰易读的文字 10.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #bababa 约占男性的 0.003%
全色弱 #b4bcbe 约占男性的 0.001%
红色盲 #babcc2 约占男性的 1.01%
绿色盲 #b6b9c2 约占男性的 1.27%
蓝色盲 #a5c0bf 约占男性的 0.0001%
红色弱 #b4bdc2 约占男性的 1.08%
绿色弱 #b2bbc2 约占男性的 4.63%
蓝色弱 #a7bfc0 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-abbec2 {
  color: #abbec2;
}
背景
.bg-abbec2 {
  background-color: #abbec2;
  color: #000000;
}
边框
.border-abbec2 {
  border: 2px solid #abbec2;
}
CSS 变量
:root {
  --color-primary: #abbec2;
  --color-primary-rgb: 171 190 194;
  --color-primary-hsl: 190 16% 72%;
}
渐变
.gradient-abbec2 {
  background: linear-gradient(135deg, #abbec2, #abb3c2);
}
彩色阴影
.shadow-abbec2 {
  box-shadow: 0 8px 24px rgb(171 190 194 / 0.35);
}

#aec6cf Pastel Blue ΔE 3.04 #a8c3bc Opal ΔE 6.44 #b2beb5 Ash Gray ΔE 6.48 #c0c0c0 Silver ΔE 7.95 #bcd4e6 Pale Aqua ΔE 8.06 #add8e6 Light Blue ΔE 8.58 #b9d9eb Columbia Blue ΔE 8.63 #54413d 反色 #bababa 灰度 

Pastel Blue
#abbec2  rgb(171, 190, 194)  hsl(190, 16%, 72%)  Pastel Blue
#c2afab  rgb(194, 175, 171)  hsl(10, 16%, 72%)  Silver Pink
#c2abbe  rgb(194, 171, 190)  hsl(310, 16%, 72%)  Pastel Purple
#bec2ab  rgb(190, 194, 171)  hsl(70, 16%, 72%)  Ash Gray