#6896E2｜カラーサイト.com

#6896E2 の色情報

#6896E2

画像
HEX	#6896E2
RGB	R:104 G:150 B:226
RGBの割合	R:40.8% G:58.8% B:88.6%
HSV	H:217.4 S:54.0 V:88.6
HSL	H:217.4 S:67.8 L:64.7
CMY	C:59.2 M:41.2 Y:11.4

CMYK	C:54.0 M:33.6 Y:0.0 K:11.4
YCbCr	Y:140.5 Cb:168.2 Cr:102.4
XYZ	X:30.3 Y:30.2 Z:76.2
xyY	x:0.222 y:0.221 Y:30.2

CIE Lab	L:61.9 a:6.1 b*:-43.3
CIE LCh	L:61.9 C:43.7 h:278.0
CIE Luv	L:61.9 u:-22.2 v*:-69.4
Hunter Lab	L:55.0 a:2.2 b:-43.6

#6896E2 の色相別色一覧

#E27768

#E29668

#E2B468

#E2D368

#D3E268

#B5E268

#96E268

#78E268

#68E277

#68E296

#68E2B4

#68E2D3

#68D3E2

#68B5E2

#6896E2

#6878E2

#7768E2

#9668E2

#B468E2

#D368E2

#E268D3

#E268B5

#E26896

#E26878

#6896E2 の彩度別色一覧

#D9DCE2

#CED5E2

#C2CEE2

#B7C7E2

#ACC0E2

#A1B9E2

#95B2E2

#8AABE2

#7FA4E2

#739DE2

#6896E2

#5D8FE2

#5188E2

#4681E2

#3B7AE2

#3073E2

#246CE2

#1965E2

#0E5EE2

#0257E2

#6896E2 の明度別色一覧

#040609

#0A0F16

#101723

#162030

#1C283C

#223049

#273956

#2D4163

#334A6F

#39527C

#3F5B89

#456396

#4B6CA2

#5174AF

#567DBC

#5C85C9

#628ED5

#6896E2

#6E9EEF

#74A7FC

#6896E2 を使ったトーンオントーン

#374354

#6896E2

#7BA2C7

#22406E

#6882A1

#364F7A

#223652

#395CB8

#6896E2

#4C5D91

#222C45

#6896E2

#253A69

#5484BF

#314A99

#6896E2 を使ったトーンイントーン

#E77677

#D678DA

#DAEC57

#6896E2

#6ED08C

#6896E2

#50D873

#F68089

#DFDC6E

#E57EF6

#F1886A

#6896E2

#6EF9E3

#D674E7

#9DF159

#6896E2 を使ったカマイユ

#759AF4

#6396D3

#6896E2

#87A6F1

#6B9BE5

#7C9DDD

#7CAEEA

#6E99D3

#6896E2

#739FF4

#89AAF9

#5079DD

#5D8AEF

#80B0EC

#6896E2

#6896E2 を使ったフォカマイユ

#59AEFF

#85A7DD

#8CBDF6

#6896E2

#6273C3

#6896E2

#7AC1EF

#498EC1

#5B8CEA

#5092CE

#7AA2DA

#8ABAFF

#6680D5

#81B7EF

#6896E2

#6896E2 を使ったドミナントカラー

#7DAAF5

#759BD9

#6896E2

#4568A1

#343538

#317CF7

#4176CC

#6896E2

#35445C

#1B2C47

#2F5AA1

#404B5C

#2D69CC

#6896E2

#707782

#6896E2 を使ったアイデンティティ

#1E3966

#6896E2

#297AFF

#022A6B

#6D7E9C

#6896E2

#0F3573

#6896E2

#7184A3

#6896E2 を使ったトライアド

#6896E2

#E26896

#96E268

#6896E2 を使ったスプリットコンプリメンタリー

#E2DD68

#6896E2

#E28B68

#6896E2 を使ったテトラード

#6896E2

#E268D3

#E2B468

#68E277

#6896E2 を使ったコントラスト

#6896E2

#E2B468

#6896E2

#D9DCE2

#6896E2

#2F4466

#6896E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#6896E2の色相や彩度を変えたときの配色なども一覧で表示します。

#6896E2

#6896E2 の色情報

#6896E2 の色相別色一覧

#6896E2 の彩度別色一覧

#6896E2 の明度別色一覧

#6896E2 を使ったトーンオントーン

#6896E2 を使ったトーンイントーン

#6896E2 を使ったカマイユ

#6896E2 を使ったフォカマイユ

#6896E2 を使ったドミナントカラー

#6896E2 を使ったアイデンティティ

#6896E2 を使ったトライアド

#6896E2 を使ったスプリットコンプリメンタリー

#6896E2 を使ったテトラード

#6896E2 を使ったコントラスト