ColorTool
登入
#6922CD

#6922cd ≈ Han Purple

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

#6922cd 屬於紫色系（明度：中等，彩度：偏高）。 在 RGB 模型中，它由 41.18% 紅、13.33% 綠和 80.39% 藍組成；以 CMYK 印刷時需要 48.78% 青、83.41% 洋紅、0% 黃和 19.61% 黑。 在 HSL 中，它的色相角為 264.91°，彩度為 71.55%，明度為 46.86%。 這是一種冷色，常讓人聯想到想像力、靈性與奢華。 設計師常把它用於美妝與化妝品、創意工作室和品牌點綴色。 在此色彩上使用白色文字時，對比度為 7.75:1（WCAG AAA）。 最接近的具名色彩是 Han Purple（#5218fa），ΔE 為 5.47。

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

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

互補色

  1. #6922cd
  2. #86cd22

分裂互補色

  1. #6922cd
  2. #cdbe22
  3. #31cd22

類似色

  1. #2231cd
  2. #6922cd
  3. #be22cd

三角配色

  1. #6922cd
  2. #cd6922
  3. #22cd69

矩形配色

  1. #6922cd
  2. #cd2286
  3. #86cd22
  4. #22cd69

正方形配色

  1. #6922cd
  2. #cd2231
  3. #86cd22
  4. #22cdbe

單色配色

  1. #260c4a
  2. #47178b
  3. #6922cd
  4. #9258e3
  5. #bd9aee

暗色

#6922cd 逐步混入黑色。

  1. #6922cd
  2. #5f1fb9
  3. #541ba4
  4. #4a1890
  5. #3f147b
  6. #351167
  7. #2a0e52
  8. #200a3e
  9. #150729
  10. #0b0315
  11. #000000

淺色

#6922cd 逐步混入白色。

  1. #6922cd
  2. #7838d2
  3. #874ed7
  4. #9664dc
  5. #a57ae1
  6. #b491e6
  7. #c3a7eb
  8. #d2bdf0
  9. #e1d3f5
  10. #f0e9fa
  11. #ffffff

灰調

#6922cd 逐步混入灰色。

  1. #6922cd
  2. #6b2bc5
  3. #6e35be
  4. #703eb6
  5. #7248ae
  6. #7551a7
  7. #775a9f
  8. #796497
  9. #7b6d8f
  10. #7e7788
  11. #808080

清楚易讀的文字 7.75:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
清楚易讀的文字 2.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

全色盲 #535353 約占男性的 0.003%
全色弱 #5c4494 約占男性的 0.001%
紅色盲 #0054d1 約占男性的 1.01%
綠色盲 #0050ca 約占男性的 1.27%
藍色盲 #49567b 約占男性的 0.0001%
紅色弱 #0e45d0 約占男性的 1.08%
綠色弱 #1d42cb 約占男性的 4.63%
藍色弱 #5847a2 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-6922cd {
  color: #6922cd;
}
背景
.bg-6922cd {
  background-color: #6922cd;
  color: #ffffff;
}
框線
.border-6922cd {
  border: 2px solid #6922cd;
}
CSS 變數
:root {
  --color-primary: #6922cd;
  --color-primary-rgb: 105 34 205;
  --color-primary-hsl: 265 72% 47%;
}
漸層
.gradient-6922cd {
  background: linear-gradient(135deg, #6922cd, #be22cd);
}
彩色陰影
.shadow-6922cd {
  box-shadow: 0 8px 24px rgb(105 34 205 / 0.35);
}

#5218fa Han Purple ΔE 5.47 #6f00ff Electric Indigo ΔE 5.76 #8a2be2 Blue Violet ΔE 6.47 #3f00ff Ultramarine ΔE 6.47 #9400d3 Dark Violet ΔE 6.56 #69359c Purple Heart ΔE 7.63 #663399 Rebecca Purple ΔE 7.85 #96dd32 反相色 #535353 灰階 

Han Purple
#6922cd  rgb(105, 34, 205)  hsl(265, 72%, 47%)  Han Purple
#86cd22  rgb(134, 205, 34)  hsl(85, 72%, 47%)  Yellow Green
#cd6922  rgb(205, 105, 34)  hsl(25, 72%, 47%)  Chocolate
#22cd69  rgb(34, 205, 105)  hsl(145, 72%, 47%)  Emerald