#396AF2｜カラーサイト.com

#396AF2 の色情報

#396AF2

画像
HEX	#396AF2
RGB	R:57 G:106 B:242
RGBの割合	R:22.4% G:41.6% B:94.9%
HSV	H:224.1 S:76.4 V:94.9
HSL	H:224.1 S:87.7 L:58.6
CMY	C:77.6 M:58.4 Y:5.1

CMYK	C:76.4 M:56.2 Y:0.0 K:5.1
YCbCr	Y:107.8 Cb:195.0 Cr:96.8
XYZ	X:22.9 Y:17.6 Z:86.2
xyY	x:0.181 y:0.139 Y:17.6

CIE Lab	L:49.0 a:30.8 b*:-73.0
CIE LCh	L:49.0 C:79.2 h:292.9
CIE Luv	L:49.0 u:-19.2 v*:-113.4
Hunter Lab	L:41.9 a:23.9 b:-92.5

#396AF2 の色相別色一覧

#F26539

#F29339

#F2C139

#F2EF39

#C7F239

#98F239

#6AF239

#3CF239

#39F265

#39F293

#39F2C1

#39F2EF

#39C7F2

#3998F2

#396AF2

#393CF2

#6539F2

#9339F2

#C139F2

#EF39F2

#F239C7

#F23998

#F2396A

#F2393C

#396AF2 の彩度別色一覧

#EFEFF2

#E2E7F2

#D6DEF2

#CAD5F2

#BECCF2

#B2C3F2

#A6BAF2

#9AB1F2

#8EA8F2

#829FF2

#7696F2

#698EF2

#5D85F2

#517CF2

#4573F2

#396AF2

#2D61F2

#2158F2

#154FF2

#0946F2

#396AF2 の明度別色一覧

#03050D

#060B19

#091126

#0C1633

#0F1C40

#12214C

#152759

#182D66

#1B3273

#1E387F

#213D8C

#244399

#2748A6

#2A4EB2

#2D54BF

#3059CC

#335FD9

#3664E5

#396AF2

#3C70FF

#396AF2 を使ったトーンオントーン

#062680

#0932A3

#1E2A4D

#0E48D1

#396AF2

#161C52

#293F70

#435DCF

#3E4FA6

#1A2152

#396AF2

#4A72AB

#252F7D

#2337D1

#396AF2 を使ったトーンイントーン

#396AF2

#FF4732

#31D963

#CC30F7

#ACE01E

#FF6344

#94F535

#41FFA7

#396AF2

#DD3CE3

#FF522A

#396AF2

#FC34F8

#96ED4B

#3CEAB1

#396AF2 を使ったカマイユ

#3B60E8

#3967DE

#396AF2

#3A7BFF

#2460FA

#406DD9

#476CF7

#2557EF

#3F68FF

#396AF2

#3E6EE0

#2C58FA

#5086FC

#396AF2

#4575E8

#396AF2 を使ったフォカマイユ

#396AF2

#5065E0

#4E8CFF

#2A4DFF

#2B63DE

#2836FF

#396AF2

#262ECE

#1221CE

#449EFF

#4055FA

#3A7ADB

#183AE5

#296CD1

#396AF2

#396AF2 を使ったドミナントカラー

#585F73

#4A6BC7

#707B99

#AAACB3

#396AF2

#A6BDFF

#396AF2

#0F3191

#949BB0

#4977F5

#396AF2

#667191

#1F52DE

#778099

#55607D

#396AF2 を使ったトライアド

#396AF2

#F2396A

#6AF239

#396AF2 を使ったスプリットコンプリメンタリー

#E5F239

#396AF2

#F28339

#396AF2 を使ったテトラード

#396AF2

#F239C7

#F2C139

#39F265

#396AF2 を使ったコントラスト

#396AF2

#F2C139

#396AF2

#B2C3F2

#396AF2

#182D66

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

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

#396AF2

#396AF2 の色情報

#396AF2 の色相別色一覧

#396AF2 の彩度別色一覧

#396AF2 の明度別色一覧

#396AF2 を使ったトーンオントーン

#396AF2 を使ったトーンイントーン

#396AF2 を使ったカマイユ

#396AF2 を使ったフォカマイユ

#396AF2 を使ったドミナントカラー

#396AF2 を使ったトライアド

#396AF2 を使ったスプリットコンプリメンタリー

#396AF2 を使ったテトラード

#396AF2 を使ったコントラスト