#3A6AD2｜カラーサイト.com

#3A6AD2 の色情報

#3A6AD2

画像
HEX	#3A6AD2
RGB	R:58 G:106 B:210
RGBの割合	R:22.7% G:41.6% B:82.4%
HSV	H:221.1 S:72.4 V:82.4
HSL	H:221.1 S:62.8 L:52.5
CMY	C:77.3 M:58.4 Y:17.6

CMYK	C:72.4 M:49.5 Y:0.0 K:17.6
YCbCr	Y:104.9 Cb:180.8 Cr:99.5
XYZ	X:18.5 Y:15.9 Z:63.1
xyY	x:0.190 y:0.163 Y:15.9

CIE Lab	L:46.8 a:19.3 b*:-58.5
CIE LCh	L:46.8 C:61.6 h:288.3
CIE Luv	L:46.8 u:-19.2 v*:-90.0
Hunter Lab	L:39.8 a:13.4 b:-66.0

#3A6AD2 の色相別色一覧

#D2563A

#D27C3A

#D2A23A

#D2C83A

#B6D23A

#90D23A

#6AD23A

#44D23A

#3AD256

#3AD27C

#3AD2A2

#3AD2C8

#3AB6D2

#3A90D2

#3A6AD2

#3A44D2

#563AD2

#7C3AD2

#A23AD2

#C83AD2

#D23AB6

#D23A90

#D23A6A

#D23A44

#3A6AD2 の彩度別色一覧

#CDCFD2

#C3C7D2

#B8C0D2

#AEB9D2

#A3B2D2

#99ABD2

#8EA3D2

#849CD2

#7995D2

#6F8ED2

#6487D2

#5A80D2

#4F78D2

#4571D2

#3A6AD2

#3063D2

#255CD2

#1B54D2

#104DD2

#0646D2

#3A6AD2 の明度別色一覧

#020306

#050913

#091020

#0C162C

#101D39

#132346

#172A53

#1A305F

#1E376C

#213D79

#254386

#284A92

#2C509F

#2F57AC

#335DB9

#3664C5

#3A6AD2

#3E70DF

#4177EC

#457DF8

#3A6AD2 を使ったトーンオントーン

#24407D

#284DF2

#1C304D

#3A6AD2

#233B9C

#143796

#305075

#2C82FA

#222847

#3A6AD2

#274499

#2D5CB5

#354878

#3A6AD2

#131E4A

#3A6AD2 を使ったトーンイントーン

#A4CD3F

#B527C8

#E64E4D

#3A6AD2

#2ACD81

#3A6AD2

#67CF37

#E931EC

#BE5723

#4DE6DA

#A9E943

#CD4F32

#C82BDA

#48C5A4

#3A6AD2

#3A6AD2 を使ったカマイユ

#2752BE

#3E60BE

#2D57C0

#3A6AD2

#5179D7

#2E72E9

#3A6AD2

#2D5AE4

#2E70D5

#4079CF

#3D72C8

#3A6AD2

#3D64CF

#4F83E4

#3056D5

#3A6AD2 を使ったフォカマイユ

#3A6AD2

#234CE1

#4B82B9

#2069C3

#416CB1

#252EAC

#2F41C8

#2D3EC0

#3A6AD2

#5B96DA

#3C9AF3

#2C87EE

#3A6AD2

#5B9AF8

#3E51CA

#3A6AD2 を使ったドミナントカラー

#242D40

#3A6AD2

#0550F2

#6C7994

#607AB3

#85878C

#7181A6

#4D5C7D

#3A6AD2

#1B2336

#1E3159

#3A6AD2

#142D61

#C0D3FC

#1454DE

#3A6AD2 を使ったアイデンティティ

#5D6D8F

#1D61F5

#3A6AD2

#596D99

#334A7A

#3A6AD2

#7889AD

#3A6AD2

#0C3182

#3A6AD2 を使ったトライアド

#3A6AD2

#D23A6A

#6AD23A

#3A6AD2 を使ったスプリットコンプリメンタリー

#CFD23A

#3A6AD2

#D26F3A

#3A6AD2 を使ったテトラード

#3A6AD2

#D23AB6

#D2A23A

#3AD256

#3A6AD2 を使ったコントラスト

#3A6AD2

#D2A23A

#3A6AD2

#A3B2D2

#3A6AD2

#1C3366

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

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

#3A6AD2

#3A6AD2 の色情報

#3A6AD2 の色相別色一覧

#3A6AD2 の彩度別色一覧

#3A6AD2 の明度別色一覧

#3A6AD2 を使ったトーンオントーン

#3A6AD2 を使ったトーンイントーン

#3A6AD2 を使ったカマイユ

#3A6AD2 を使ったフォカマイユ

#3A6AD2 を使ったドミナントカラー

#3A6AD2 を使ったアイデンティティ

#3A6AD2 を使ったトライアド

#3A6AD2 を使ったスプリットコンプリメンタリー

#3A6AD2 を使ったテトラード

#3A6AD2 を使ったコントラスト