ColorTool
登入
#1B375D

#1b375d ≈ Prussian Blue

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

#1b375d 屬於天藍色系（明度：偏低，彩度：中等）。 在 RGB 模型中，它由 10.59% 紅、21.57% 綠和 36.47% 藍組成；以 CMYK 印刷時需要 70.97% 青、40.86% 洋紅、0% 黃和 63.53% 黑。 在 HSL 中，它的色相角為 214.55°，彩度為 55%，明度為 23.53%。 這是一種冷色，常讓人聯想到開闊、自由與平靜。 設計師常把它用於科技產品、金融與銀行和精品品牌。 在此色彩上使用白色文字時，對比度為 11.99:1（WCAG AAA）。 最接近的具名色彩是 Prussian Blue（#003153），ΔE 為 4.01。

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

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

互補色

  1. #1b375d
  2. #5d411b

分裂互補色

  1. #1b375d
  2. #5d201b
  3. #585d1b

類似色

  1. #1b585d
  2. #1b375d
  3. #201b5d

三角配色

  1. #1b375d
  2. #5d1b37
  3. #375d1b

矩形配色

  1. #1b375d
  2. #411b5d
  3. #5d411b
  4. #375d1b

正方形配色

  1. #1b375d
  2. #5d1b58
  3. #5d411b
  4. #1b5d20

單色配色

  1. #050910
  2. #0a1422
  3. #1b375d
  4. #2c5a98
  5. #477fca

暗色

#1b375d 逐步混入黑色。

  1. #1b375d
  2. #183254
  3. #162c4a
  4. #132741
  5. #102138
  6. #0e1c2f
  7. #0b1625
  8. #08111c
  9. #050b13
  10. #030609
  11. #000000

淺色

#1b375d 逐步混入白色。

  1. #1b375d
  2. #324b6d
  3. #495f7d
  4. #5f738e
  5. #76879e
  6. #8d9bae
  7. #a4afbe
  8. #bbc3ce
  9. #d1d7df
  10. #e8ebef
  11. #ffffff

灰調

#1b375d 逐步混入灰色。

  1. #1b375d
  2. #253e61
  3. #2f4664
  4. #394d68
  5. #43546b
  6. #4e5c6f
  7. #586372
  8. #626a76
  9. #6c7179
  10. #76797d
  11. #808080

清楚易讀的文字 11.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
清楚易讀的文字 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

全色盲 #373737 約占男性的 0.003%
全色弱 #2e3749 約占男性的 0.001%
紅色盲 #263a5f 約占男性的 1.01%
綠色盲 #1d345c 約占男性的 1.27%
藍色盲 #004045 約占男性的 0.0001%
紅色弱 #22395e 約占男性的 1.08%
綠色弱 #1c355d 約占男性的 4.63%
藍色弱 #003c50 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-1b375d {
  color: #1b375d;
}
背景
.bg-1b375d {
  background-color: #1b375d;
  color: #ffffff;
}
框線
.border-1b375d {
  border: 2px solid #1b375d;
}
CSS 變數
:root {
  --color-primary: #1b375d;
  --color-primary-rgb: 27 55 93;
  --color-primary-hsl: 215 55% 24%;
}
漸層
.gradient-1b375d {
  background: linear-gradient(135deg, #1b375d, #201b5d);
}
彩色陰影
.shadow-1b375d {
  box-shadow: 0 8px 24px rgb(27 55 93 / 0.35);
}

#003153 Prussian Blue ΔE 4.01 #002147 Oxford Blue ΔE 6.93 #003399 Smalt ΔE 9.08 #0f4d92 Yale Blue ΔE 9.41 #1034a6 Egyptian Blue ΔE 10.78 #0047ab Cobalt Blue ΔE 10.88 #483d8b Dark Slate Blue ΔE 11.28 #e4c8a2 反相色 #373737 灰階 

Prussian Blue
#1b375d  rgb(27, 55, 93)  hsl(215, 55%, 24%)  Prussian Blue
#5d411b  rgb(93, 65, 27)  hsl(35, 55%, 24%)  Sepia
#5d1b37  rgb(93, 27, 55)  hsl(335, 55%, 24%)  Tyrian Purple
#375d1b  rgb(55, 93, 27)  hsl(95, 55%, 24%)  Lincoln Green