顏色
#657bdd

#657bdd 十六進位顏色訊息

顏色	HEX	RGB
	#657bdd	RGB(101, 123, 221)

創建於 09/30/2026 16:36

#657bdd顏色分類

#657bdd 是淺色和冷色顏色飽和度 64%，明度 63%。

淺色調 royalblue

RGB 值是 RGB(101, 123, 221)
#657bdd 顏色包含紅色 39.61%, 綠色 48.24% 和藍色 86.67%.
oklch(61.24% 0.15 271.8)

Royalblue

顏色名稱 #657bdd HEX 程式碼

≈ Havelock Blue

替代顏色 #657bdd

#657bdd 相反的顏色是 #ddc765

#ddc765

#657bdd 顏色轉換

有關十六進制顏色十進制的代碼和值信息，十六進制。 HSL、HSLA、RGB、RGBA 值 #657bdd

cmyk

CMYK(54%, 44%, 0%, 13%)

十進位

6650845

HEX

#657bdd

HSL

hsl(229, 64%, 63%)

HSLA

hsla(229, 64%, 63%, 1)

RGB

RGB(101, 123, 221)

RGBA

RGBA(101, 123, 221, 1)

#657bdd 顏色的調色板:

以下是 #657bdd 十六進位顏色的調色板範例

暗色調中最深的顏色是 #0a0c16，淺色調中最淺的顏色是 #f0f2fc

#657bdd 的暗色調調色盤:

#5b6fc7

#5162b1

#47569b

#3d4a85

#333e6f

#283158

#1e2542

#14192c

#0a0c16

#000000

#657bdd 的淺色調調色盤:

#7488e0

#8495e4

#93a3e7

#a3b0eb

#b2bdee

#c1caf1

#d1d7f5

#e0e5f8

#f0f2fc

#ffffff

#657bdd 的互補調色盤:

#657bdd

#ddc765

#657bdd 的三元調色板:

#657bdd

#dd657b

#7bdd65

#657bdd 的方形調色板:

#657bdd

#dd65b7

#ddc765

#65dd8b

#657bdd 的類似調色板:

#65b7dd

#657bdd

#8b65dd

#657bdd 的拆分互補調色板:

#657bdd

#dd8b65

#b7dd65

#657bdd 的矩形（四元）調色板:

#657bdd

#c765dd

#ddc765

#7bdd65

建議的調色板 #657bdd HEX:

帶有顏色的調色板 #657bdd #1:

帶有顏色的調色板 #657bdd #2:

帶有顏色的調色板 #657bdd #3:

帶有顏色的調色板 #657bdd #4:

帶有顏色的調色板 #657bdd #5:

顏色對比

基於 WCAG 無障礙對比度的標準，#657bdd 與黑色和白色的小字體、大字體和圖形的顏色搭配。

#657bdd

對比度

3.86:1

尺寸	AA級	AAA級
大文字:
小文字:

#657bdd

對比度

5.43:1

尺寸	AA級	AAA級
大文字:
小文字:

影像 #657bdd 顏色 png

查看熱門顏色清單以獲取更多顏色

Metro UI 顏色潘通顏色網頁顏色網頁安全色 X11 顏色 XKCD顏色