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

#3A70E2 の色情報

#3A70E2

画像
HEX	#3A70E2
RGB	R:58 G:112 B:226
RGBの割合	R:22.7% G:43.9% B:88.6%
HSV	H:220.7 S:74.3 V:88.6
HSL	H:220.7 S:74.3 L:55.7
CMY	C:77.3 M:56.1 Y:11.4

CMYK	C:74.3 M:50.4 Y:0.0 K:11.4
YCbCr	Y:109.5 Cb:186.0 Cr:96.2
XYZ	X:21.3 Y:18.0 Z:74.3
xyY	x:0.187 y:0.158 Y:18.0

CIE Lab	L:49.5 a:21.3 b*:-63.2
CIE LCh	L:49.5 C:66.7 h:288.7
CIE Luv	L:49.5 u:-20.8 v*:-98.7
Hunter Lab	L:42.4 a:15.3 b:-74.2

#3A70E2 の色相別色一覧

#E2583A

#E2823A

#E2AC3A

#E2D63A

#C4E23A

#9AE23A

#70E23A

#46E23A

#3AE258

#3AE282

#3AE2AC

#3AE2D6

#3AC4E2

#3A9AE2

#3A70E2

#3A46E2

#583AE2

#823AE2

#AC3AE2

#D63AE2

#E23AC4

#E23A9A

#E23A70

#E23A46

#3A70E2 の彩度別色一覧

#D8DBE2

#CDD4E2

#C2CCE2

#B6C4E2

#ABBDE2

#A0B5E2

#94ADE2

#89A6E2

#7E9EE2

#7396E2

#678FE2

#5C87E2

#517FE2

#4578E2

#3A70E2

#2F68E2

#2361E2

#1859E2

#0D51E2

#024AE2

#3A70E2 の明度別色一覧

#020509

#060B16

#091123

#0C1830

#0F1E3C

#132449

#162A56

#193163

#1D376F

#203D7C

#234489

#264A96

#2A50A2

#2D57AF

#305DBC

#3363C9

#376AD5

#3A70E2

#3D76EF

#417DFC

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

#264F94

#142145

#3A70E2

#336FB3

#283470

#102259

#516DC7

#1F4396

#10326B

#3A70E2

#263C75

#283657

#3A70E2

#295C99

#1140C7

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

#3A70E2

#EF5436

#C939C2

#ABD323

#4FF187

#25D387

#E54826

#7FC939

#D538F9

#3A70E2

#C927C7

#46E5AF

#B8F14A

#D3533A

#3A70E2

#3A70E2 を使ったカマイユ

#3A70E2

#3C6DF1

#2653D8

#3A82F4

#286EEF

#3B81F9

#3A70E2

#3A69F4

#3B6FCE

#2E6ADF

#2E5BDF

#3A70E2

#5392F6

#2D6FD0

#467BC9

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

#5AA0EA

#3A70E2

#3453DA

#59ACF9

#326AFF

#4A7BC3

#1F68F6

#3A70E2

#2562BC

#3A68C3

#297DD0

#1D56BC

#3A70E2

#5DA1F1

#3E62CB

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

#83A7F2

#4A76D4

#3A70E2

#1D2538

#1B47A6

#4A66A1

#3A70E2

#A9B9DB

#BFC8DB

#A4BBEB

#3E6AC7

#A3B3D6

#0A3080

#3A70E2

#42547A

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

#3A70E2

#4262A6

#445069

#1349BD

#405582

#3A70E2

#729EFC

#3A70E2

#4E5C7A

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

#3A70E2

#E23A70

#70E23A

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

#E0E23A

#3A70E2

#E2743A

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

#3A70E2

#E23AC4

#E2AC3A

#3AE258

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

#3A70E2

#E2AC3A

#3A70E2

#ABBDE2

#3A70E2

#1A3366

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

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

#3A70E2

#3A70E2 の色情報

#3A70E2 の色相別色一覧

#3A70E2 の彩度別色一覧

#3A70E2 の明度別色一覧

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

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

#3A70E2 を使ったカマイユ

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

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

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

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

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

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

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