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

#3670E2 の色情報

#3670E2

画像
HEX	#3670E2
RGB	R:54 G:112 B:226
RGBの割合	R:21.2% G:43.9% B:88.6%
HSV	H:219.8 S:76.1 V:88.6
HSL	H:219.8 S:74.8 L:54.9
CMY	C:78.8 M:56.1 Y:11.4

CMYK	C:76.1 M:50.4 Y:0.0 K:11.4
YCbCr	Y:108.5 Cb:186.6 Cr:94.4
XYZ	X:21.0 Y:17.9 Z:74.3
xyY	x:0.186 y:0.158 Y:17.9

CIE Lab	L:49.3 a:20.9 b*:-63.4
CIE LCh	L:49.3 C:66.8 h:288.2
CIE Luv	L:49.3 u:-21.5 v*:-98.9
Hunter Lab	L:42.3 a:14.9 b:-74.6

#3670E2 の色相別色一覧

#E25236

#E27D36

#E2A836

#E2D336

#C6E236

#9BE236

#70E236

#45E236

#36E252

#36E27D

#36E2A8

#36E2D3

#36C6E2

#369BE2

#3670E2

#3645E2

#5236E2

#7D36E2

#A836E2

#D336E2

#E236C6

#E2369B

#E23670

#E23645

#3670E2 の彩度別色一覧

#E0E0E2

#D4D9E2

#C9D1E2

#BECAE2

#B2C2E2

#A7BBE2

#9CB3E2

#90ACE2

#85A4E2

#7A9DE2

#6F95E2

#638EE2

#5886E2

#4D7FE2

#4177E2

#3670E2

#2B69E2

#1F61E2

#145AE2

#0952E2

#3670E2 の明度別色一覧

#020509

#050B16

#081123

#0B1830

#0E1E3C

#112449

#142A56

#183163

#1B376F

#1E3D7C

#214489

#244A96

#2750A2

#2A57AF

#2D5DBC

#3063C9

#336AD5

#3670E2

#3976EF

#3C7DFC

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

#091D4A

#2457B5

#3670E2

#253370

#265891

#0D54A3

#102CB5

#3670E2

#154475

#142447

#3669B5

#1F355C

#143D8F

#1A3578

#3670E2

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

#DBFC49

#3670E2

#42CE72

#F92F3D

#D743EF

#2CEA7E

#CE4FEF

#F95A45

#3670E2

#B2D827

#CA50F4

#F6F64A

#49F487

#3670E2

#FC2830

#3670E2 を使ったカマイユ

#2568F6

#3670E2

#3B67DD

#4979FC

#3584F1

#2878EF

#2B5DE5

#446EDD

#3670E2

#2C62DD

#1D65D0

#3670E2

#3F7ACB

#5383FC

#295CE5

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

#5774F1

#3670E2

#2D77FE

#2C99F6

#5361FC

#3670E2

#558DF4

#4581D3

#5A8AEF

#1C67DD

#5665FF

#5BA2FE

#3670E2

#2697FF

#2339FC

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

#02359C

#3670E2

#95B3ED

#59657D

#272F40

#6286CC

#15223B

#8DAAE3

#2F66D4

#3670E2

#5A7CBF

#1B5EE0

#1B3870

#3670E2

#779AE0

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

#3670E2

#3D4E70

#1444A3

#3670E2

#0F3B91

#7D91BA

#3B4D73

#3E66B5

#3670E2

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

#3670E2

#E23670

#70E236

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

#E2E136

#3670E2

#E26F36

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

#3670E2

#E236C6

#E2A836

#36E252

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

#3670E2

#E2A836

#3670E2

#A7BBE2

#3670E2

#183366

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

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

#3670E2

#3670E2 の色情報

#3670E2 の色相別色一覧

#3670E2 の彩度別色一覧

#3670E2 の明度別色一覧

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

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

#3670E2 を使ったカマイユ

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

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

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

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

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

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

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