ColorTool
登录
#116E95

#116e95 ≈ Sea Blue

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

#116e95 属于天蓝系颜色（明度：较低，饱和度：较高）。 在 RGB 模型中，它由 6.67% 红、43.14% 绿和 58.43% 蓝组成；采用 CMYK 印刷时需要 88.59% 青、26.17% 品红、0% 黄和 41.57% 黑。 在 HSL 中，它的色相角为 197.73°，饱和度为 79.52%，明度为 32.55%。 这是一种冷色，常让人联想到开阔、自由和平静。 设计师常把它用于科技产品、金融和银行和企业形象。 在此颜色上使用白色文字时，对比度为 5.69:1（WCAG AA）。 最接近的命名颜色是 Sea Blue（#006994），ΔE 为 2.15。

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

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

互补色

  1. #116e95
  2. #953811

分裂互补色

  1. #116e95
  2. #95112c
  3. #957a11

类似色

  1. #11957a
  2. #116e95
  3. #112c95

三角配色

  1. #116e95
  2. #95116e
  3. #6e9511

矩形配色

  1. #116e95
  2. #381195
  3. #953811
  4. #6e9511

正方形配色

  1. #116e95
  2. #7a1195
  3. #953811
  4. #2c9511

单色配色

  1. #020e12
  2. #093b50
  3. #116e95
  4. #19a1da
  5. #54bfeb

暗调

#116e95 逐步混入黑色。

  1. #116e95
  2. #0f6386
  3. #0e5877
  4. #0c4d68
  5. #0a4259
  6. #09374b
  7. #072c3c
  8. #05212d
  9. #03161e
  10. #020b0f
  11. #000000

亮调

#116e95 逐步混入白色。

  1. #116e95
  2. #297da0
  3. #418baa
  4. #589ab5
  5. #70a8bf
  6. #88b7ca
  7. #a0c5d5
  8. #b8d4df
  9. #cfe2ea
  10. #e7f1f4
  11. #ffffff

灰调

#116e95 逐步混入灰色。

  1. #116e95
  2. #1c7093
  3. #277291
  4. #32738f
  5. #3d758d
  6. #49778b
  7. #547988
  8. #5f7b86
  9. #6a7c84
  10. #757e82
  11. #808080

清晰易读的文字 5.69:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
清晰易读的文字 3.69:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

全色盲 #676767 约占男性的 0.003%
全色弱 #516a7c 约占男性的 0.001%
红色盲 #5a6d97 约占男性的 1.01%
绿色盲 #4a6194 约占男性的 1.27%
蓝色盲 #00787b 约占男性的 0.0001%
红色弱 #486d96 约占男性的 1.08%
绿色弱 #3a6795 约占男性的 4.63%
蓝色弱 #007486 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-116e95 {
  color: #116e95;
}
背景
.bg-116e95 {
  background-color: #116e95;
  color: #ffffff;
}
边框
.border-116e95 {
  border: 2px solid #116e95;
}
CSS 变量
:root {
  --color-primary: #116e95;
  --color-primary-rgb: 17 110 149;
  --color-primary-hsl: 198 80% 33%;
}
渐变
.gradient-116e95 {
  background: linear-gradient(135deg, #116e95, #112c95);
}
彩色阴影
.shadow-116e95 {
  box-shadow: 0 8px 24px rgb(17 110 149 / 0.35);
}

#006994 Sea Blue ΔE 2.15 #007ba7 Cerulean ΔE 4.83 #0067a5 Medium Persian Blue ΔE 6.18 #367588 Teal Blue ΔE 7.11 #436b95 Queen Blue ΔE 7.35 #0072bb French Blue ΔE 7.36 #26619c Lapis Lazuli ΔE 8.38 #ee916a 反色 #676767 灰度 

Sea Blue
#116e95  rgb(17, 110, 149)  hsl(198, 80%, 33%)  Sea Blue
#953811  rgb(149, 56, 17)  hsl(18, 80%, 33%)  Kobe
#95116e  rgb(149, 17, 110)  hsl(318, 80%, 33%)  Boysenberry
#6e9511  rgb(110, 149, 17)  hsl(78, 80%, 33%)  Olive Drab