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

#3A77E2 の色情報

#3A77E2

画像
HEX	#3A77E2
RGB	R:58 G:119 B:226
RGBの割合	R:22.7% G:46.7% B:88.6%
HSV	H:218.2 S:74.3 V:88.6
HSL	H:218.2 S:74.3 L:55.7
CMY	C:77.3 M:53.3 Y:11.4

CMYK	C:74.3 M:47.3 Y:0.0 K:11.4
YCbCr	Y:113.0 Cb:184.0 Cr:93.6
XYZ	X:22.1 Y:19.6 Z:74.6
xyY	x:0.190 y:0.168 Y:19.6

CIE Lab	L:51.4 a:17.0 b*:-60.2
CIE LCh	L:51.4 C:62.5 h:285.7
CIE Luv	L:51.4 u:-22.9 v*:-94.6
Hunter Lab	L:44.3 a:11.6 b:-68.9

#3A77E2 の色相別色一覧

#E2513A

#E27B3A

#E2A53A

#E2CF3A

#CBE23A

#A1E23A

#77E23A

#4DE23A

#3AE251

#3AE27B

#3AE2A5

#3AE2CF

#3ACBE2

#3AA1E2

#3A77E2

#3A4DE2

#513AE2

#7B3AE2

#A53AE2

#CF3AE2

#E23ACB

#E23AA1

#E23A77

#E23A4D

#3A77E2 の彩度別色一覧

#D8DCE2

#CDD5E2

#C2CDE2

#B6C6E2

#ABBFE2

#A0B8E2

#94B1E2

#89A9E2

#7EA2E2

#739BE2

#6794E2

#5C8DE2

#5185E2

#457EE2

#3A77E2

#2F70E2

#2369E2

#1861E2

#0D5AE2

#0253E2

#3A77E2 の明度別色一覧

#020509

#060C16

#091223

#0C1930

#0F203C

#132649

#162D56

#193463

#1D3B6F

#20417C

#234889

#264F96

#2A55A2

#2D5CAF

#3063BC

#336AC9

#3770D5

#3A77E2

#3D7EEF

#4184FC

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

#3A77E2

#1A254F

#2E53B3

#1655A3

#0B2D73

#3A77E2

#416ABD

#1A3D5C

#283770

#164EA3

#23479C

#3A77E2

#142F47

#2D4A6B

#3861C2

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

#55F490

#A2DF2A

#FC4B4B

#3A77E2

#EA47EF

#4EE784

#EBF931

#E73632

#3A77E2

#D02ED5

#4BE58E

#DA3439

#A3C948

#3A77E2

#B942D0

#3A77E2 を使ったカマイユ

#4883CB

#3A77E2

#3071F4

#4C8CF6

#2A7BDF

#3A77E2

#2D6CCE

#2C61DF

#275AC9

#3E8CFC

#4895FC

#3A77E2

#2665E5

#3082F6

#4F7FEA

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

#3A77E2

#4777C6

#3E79C3

#5074F6

#1861C1

#3A77E2

#65C0FE

#4A7CDA

#4655CB

#3381EA

#1D48F9

#1C81C1

#1C6BCE

#4E6EEF

#3A77E2

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

#15233D

#3A77E2

#0A2E6E

#555B66

#3F4042

#3A77E2

#5080D4

#14418F

#1F2D45

#A9C7FC

#29364D

#0C5FF0

#2A5EB8

#3A77E2

#79A3ED

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

#0A62FC

#5D7091

#3A77E2

#0448BF

#3A77E2

#32415C

#577CBD

#002059

#3A77E2

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

#3A77E2

#E23A77

#77E23A

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

#E2DD3A

#3A77E2

#E26D3A

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

#3A77E2

#E23ACB

#E2A53A

#3AE251

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

#3A77E2

#E2A53A

#3A77E2

#ABBFE2

#3A77E2

#1A3666

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

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

#3A77E2

#3A77E2 の色情報

#3A77E2 の色相別色一覧

#3A77E2 の彩度別色一覧

#3A77E2 の明度別色一覧

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

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

#3A77E2 を使ったカマイユ

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

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

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

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

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

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

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