ColorTool
登入
#969FCB

#969fcb ≈ Wild Blue Yonder

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

#969fcb 屬於藍色系（明度：偏高，彩度：偏低）。 在 RGB 模型中，它由 58.82% 紅、62.35% 綠和 79.61% 藍組成；以 CMYK 印刷時需要 26.11% 青、21.67% 洋紅、0% 黃和 20.39% 黑。 在 HSL 中，它的色相角為 229.81°，彩度為 33.76%，明度為 69.22%。 這是一種冷色，常讓人聯想到信任、穩定與專注。 設計師常把它用於科技產品、金融與銀行和品牌點綴色。 在此色彩上使用黑色文字時，對比度為 8.12:1（WCAG AAA）。 最接近的具名色彩是 Wild Blue Yonder（#a2add0），ΔE 為 4.54。

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

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

互補色

  1. #969fcb
  2. #cbc296

分裂互補色

  1. #969fcb
  2. #cba896
  3. #bacb96

類似色

  1. #96bacb
  2. #969fcb
  3. #a896cb

三角配色

  1. #969fcb
  2. #cb969f
  3. #9fcb96

矩形配色

  1. #969fcb
  2. #c296cb
  3. #cbc296
  4. #9fcb96

正方形配色

  1. #969fcb
  2. #cb96ba
  3. #cbc296
  4. #96cba8

單色配色

  1. #424e86
  2. #6370b2
  3. #969fcb
  4. #c9cee4
  5. #f1f3f8

暗色

#969fcb 逐步混入黑色。

  1. #969fcb
  2. #878fb7
  3. #787fa2
  4. #696f8e
  5. #5a5f7a
  6. #4b5066
  7. #3c4051
  8. #2d303d
  9. #1e2029
  10. #0f1014
  11. #000000

淺色

#969fcb 逐步混入白色。

  1. #969fcb
  2. #a1a9d0
  3. #abb2d5
  4. #b6bcdb
  5. #c0c5e0
  6. #cbcfe5
  7. #d5d9ea
  8. #e0e2ef
  9. #eaecf5
  10. #f5f5fa
  11. #ffffff

灰調

#969fcb 逐步混入灰色。

  1. #969fcb
  2. #949cc4
  3. #9299bc
  4. #8f96b5
  5. #8d93ad
  6. #8b90a6
  7. #898c9e
  8. #878997
  9. #84868f
  10. #828388
  11. #808080

清楚易讀的文字 2.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清楚易讀的文字 8.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #a1a1a1 約占男性的 0.003%
全色弱 #9da0b3 約占男性的 0.001%
紅色盲 #92a3cd 約占男性的 1.01%
綠色盲 #8f9fca 約占男性的 1.27%
藍色盲 #89a7ae 約占男性的 0.0001%
紅色弱 #94a1cc 約占男性的 1.08%
綠色弱 #929fca 約占男性的 4.63%
藍色弱 #8ea4ba 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-969fcb {
  color: #969fcb;
}
背景
.bg-969fcb {
  background-color: #969fcb;
  color: #000000;
}
框線
.border-969fcb {
  border: 2px solid #969fcb;
}
CSS 變數
:root {
  --color-primary: #969fcb;
  --color-primary-rgb: 150 159 203;
  --color-primary-hsl: 230 34% 69%;
}
漸層
.gradient-969fcb {
  background: linear-gradient(135deg, #969fcb, #a896cb);
}
彩色陰影
.shadow-969fcb {
  box-shadow: 0 8px 24px rgb(150 159 203 / 0.35);
}

#a2add0 Wild Blue Yonder ΔE 4.54 #8c92ac Cool Gray ΔE 6.78 #b0c4de Light Steel Blue ΔE 11.86 #6495ed Cornflower Blue ΔE 12.16 #71a6d2 Iceberg ΔE 12.21 #b39eb5 Pastel Purple ΔE 12.62 #ccccff Periwinkle ΔE 12.96 #696034 反相色 #a1a1a1 灰階 

Wild Blue Yonder
#969fcb  rgb(150, 159, 203)  hsl(230, 34%, 69%)  Wild Blue Yonder
#cbc296  rgb(203, 194, 150)  hsl(50, 34%, 69%)  Sage
#cb969f  rgb(203, 150, 159)  hsl(350, 34%, 69%)  Puce
#9fcb96  rgb(159, 203, 150)  hsl(110, 34%, 69%)  Dark Sea Green