ColorTool
登入
#178FDC

#178fdc ≈ Bleu de France

  • 天藍
  • 明度: 中等
  • 彩度: 很高
  • 冷色
檢查對比度 在關係圖中探索 隨機色彩

#178fdc 屬於天藍色系（明度：中等，彩度：很高）。 在 RGB 模型中，它由 9.02% 紅、56.08% 綠和 86.27% 藍組成；以 CMYK 印刷時需要 89.55% 青、35% 洋紅、0% 黃和 13.73% 黑。 在 HSL 中，它的色相角為 203.45°，彩度為 81.07%，明度為 47.65%。 這是一種冷色，常讓人聯想到開闊、自由與平靜。 設計師常把它用於科技產品、金融與銀行和行動呼籲按鈕。 在此色彩上使用黑色文字時，對比度為 6:1（WCAG AA）。 最接近的具名色彩是 Bleu de France（#318ce7），ΔE 為 3.69。

根據此色彩的量測屬性自動產生的說明。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
網頁安全色#0099cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二進位
十進位
相對亮度0.2499

互補色

  1. #178fdc
  2. #dc6417

分裂互補色

  1. #178fdc
  2. #dc172d
  3. #dcc717

類似色

  1. #17dcc7
  2. #178fdc
  3. #172ddc

三角配色

  1. #178fdc
  2. #dc178f
  3. #8fdc17

矩形配色

  1. #178fdc
  2. #6417dc
  3. #dc6417
  4. #8fdc17

正方形配色

  1. #178fdc
  2. #c717dc
  3. #dc6417
  4. #2ddc17

單色配色

  1. #093551
  2. #106297
  3. #178fdc
  4. #53b1ed
  5. #98d0f4

暗色

#178fdc 逐步混入黑色。

  1. #178fdc
  2. #1581c6
  3. #1272b0
  4. #10649a
  5. #0e5684
  6. #0c486e
  7. #093958
  8. #072b42
  9. #051d2c
  10. #020e16
  11. #000000

淺色

#178fdc 逐步混入白色。

  1. #178fdc
  2. #2e9ae0
  3. #45a5e3
  4. #5db1e7
  5. #74bcea
  6. #8bc7ee
  7. #a2d2f1
  8. #b9ddf5
  9. #d1e9f8
  10. #e8f4fc
  11. #ffffff

灰調

#178fdc 逐步混入灰色。

  1. #178fdc
  2. #228ed3
  3. #2c8cca
  4. #378bc0
  5. #4189b7
  6. #4c88ae
  7. #5686a5
  8. #61859c
  9. #6b8392
  10. #768289
  11. #808080

清楚易讀的文字 3.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
清楚易讀的文字 6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

全色盲 #898989 約占男性的 0.003%
全色弱 #6d8bb0 約占男性的 0.001%
紅色盲 #6a92df 約占男性的 1.01%
綠色盲 #4e81db 約占男性的 1.27%
藍色盲 #00a2ab 約占男性的 0.0001%
紅色弱 #5491de 約占男性的 1.08%
綠色弱 #3f87db 約占男性的 4.63%
藍色弱 #009bc1 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-178fdc {
  color: #178fdc;
}
背景
.bg-178fdc {
  background-color: #178fdc;
  color: #000000;
}
框線
.border-178fdc {
  border: 2px solid #178fdc;
}
CSS 變數
:root {
  --color-primary: #178fdc;
  --color-primary-rgb: 23 143 220;
  --color-primary-hsl: 203 81% 48%;
}
漸層
.gradient-178fdc {
  background: linear-gradient(135deg, #178fdc, #172ddc);
}
彩色陰影
.shadow-178fdc {
  box-shadow: 0 8px 24px rgb(23 143 220 / 0.35);
}

#318ce7 Bleu de France ΔE 3.69 #1e90ff Dodger Blue ΔE 4.98 #4682b4 Steel Blue ΔE 6.17 #56a0d3 Carolina Blue ΔE 6.52 #5b92e5 United Nations Blue ΔE 7.20 #417dc1 Tufts Blue ΔE 7.74 #5d8aa8 Air Force Blue ΔE 8.24 #e87023 反相色 #898989 灰階 

Bleu de France
#178fdc  rgb(23, 143, 220)  hsl(203, 81%, 48%)  Bleu de France
#dc6417  rgb(220, 100, 23)  hsl(23, 81%, 48%)  Chocolate
#dc178f  rgb(220, 23, 143)  hsl(323, 81%, 48%)  Medium Violet Red
#8fdc17  rgb(143, 220, 23)  hsl(83, 81%, 48%)  Yellow Green