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

#6170E2 の色情報

#6170E2

画像
HEX	#6170E2
RGB	R:97 G:112 B:226
RGBの割合	R:38.0% G:43.9% B:88.6%
HSV	H:233.0 S:57.1 V:88.6
HSL	H:233.0 S:69.0 L:63.3
CMY	C:62.0 M:56.1 Y:11.4

CMYK	C:57.1 M:50.4 Y:0.0 K:11.4
YCbCr	Y:119.5 Cb:180.3 Cr:113.3
XYZ	X:24.4 Y:19.6 Z:74.5
xyY	x:0.206 y:0.166 Y:19.6

CIE Lab	L:51.4 a:27.5 b*:-60.0
CIE LCh	L:51.4 C:66.0 h:294.6
CIE Luv	L:51.4 u:-11.7 v*:-95.3
Hunter Lab	L:44.3 a:21.0 b:-68.7

#6170E2 の色相別色一覧

#E27261

#E29361

#E2B361

#E2D361

#D1E261

#B1E261

#90E261

#70E261

#61E272

#61E293

#61E2B3

#61E2D3

#61D1E2

#61B1E2

#6190E2

#6170E2

#7261E2

#9361E2

#B361E2

#D361E2

#E261D1

#E261B1

#E26190

#E26170

#6170E2 の彩度別色一覧

#DDDEE2

#D2D4E2

#C7CAE2

#BBC0E2

#B0B6E2

#A5ACE2

#9AA2E2

#8E98E2

#838EE2

#7884E2

#6C7AE2

#6170E2

#5666E2

#4A5CE2

#3F52E2

#3448E2

#293EE2

#1D34E2

#122AE2

#0720E2

#6170E2 の明度別色一覧

#040509

#090B16

#0F1123

#141830

#1A1E3C

#1F2449

#252A56

#2A3163

#30376F

#353D7C

#3B4489

#404A96

#4650A2

#4B57AF

#515DBC

#5663C9

#5C6AD5

#6170E2

#6676EF

#6C7DFC

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

#6069A3

#6170E2

#4B56C7

#3E3E75

#161E45

#2C28A1

#1F2273

#6170E2

#101045

#3952C4

#313D8C

#30457A

#262D4F

#2F2CB3

#6170E2

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

#BCD04B

#F68084

#61EC99

#6170E2

#CD6FD5

#6170E2

#A3EA4D

#EC5AD4

#ECA776

#77EFCD

#90DD61

#6170E2

#69DAD3

#E79965

#D35DC7

#6170E2 を使ったカマイユ

#8091F1

#6170E2

#7082F4

#738CFC

#6470F4

#606BE5

#778FF9

#6170E2

#787EE7

#6A70DD

#647CE5

#758CF4

#5D65DD

#6170E2

#7C89F9

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

#8F84EC

#5176EF

#4B40CE

#7376D5

#6170E2

#4149DA

#3844C9

#848DE7

#5751C6

#6170E2

#6181C6

#3F5CDA

#6170E2

#4F7BC6

#7C71CE

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

#7E8CF7

#AFB5DE

#1C2359

#585C7A

#6170E2

#232533

#8288B5

#384182

#5965BA

#1A2BAD

#27338C

#6170E2

#06105E

#636780

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

#676EA3

#0B1980

#6170E2

#3443B3

#0B1B8F

#747BB3

#04117A

#6170E2

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

#6170E2

#E26170

#70E261

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

#C6E261

#6170E2

#E2A861

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

#6170E2

#E261B1

#E2D361

#61E293

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

#6170E2

#E2D361

#6170E2

#D2D4E2

#6170E2

#2C3366

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

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

#6170E2

#6170E2 の色情報

#6170E2 の色相別色一覧

#6170E2 の彩度別色一覧

#6170E2 の明度別色一覧

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

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

#6170E2 を使ったカマイユ

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

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

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

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

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

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

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