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

#396EC2 の色情報

#396EC2

画像
HEX	#396EC2
RGB	R:57 G:110 B:194
RGBの割合	R:22.4% G:43.1% B:76.1%
HSV	H:216.8 S:70.6 V:76.1
HSL	H:216.8 S:54.6 L:49.2
CMY	C:77.6 M:56.9 Y:23.9

CMYK	C:70.6 M:43.3 Y:0.0 K:23.9
YCbCr	Y:105.1 Cb:172.7 Cr:98.8
XYZ	X:17.0 Y:15.9 Z:53.2
xyY	x:0.197 y:0.185 Y:15.9

CIE Lab	L:46.9 a:10.7 b*:-49.2
CIE LCh	L:46.9 C:50.3 h:282.3
CIE Luv	L:46.9 u:-20.9 v*:-75.2
Hunter Lab	L:39.9 a:6.2 b:-51.2

#396EC2 の色相別色一覧

#C24939

#C26B39

#C28D39

#C2AF39

#B3C239

#90C239

#6EC239

#4CC239

#39C249

#39C26B

#39C28D

#39C2AF

#39B3C2

#3990C2

#396EC2

#394CC2

#4939C2

#6B39C2

#8D39C2

#AF39C2

#C239B3

#C23990

#C2396E

#C2394C

#396EC2 の彩度別色一覧

#C1C1C2

#B7BBC2

#ADB5C2

#A4AFC2

#9AA9C2

#90A4C2

#879EC2

#7D98C2

#7392C2

#6A8CC2

#6086C2

#5680C2

#4C7AC2

#4374C2

#396EC2

#2F68C2

#2662C2

#1C5CC2

#1256C2

#0950C2

#396EC2 の明度別色一覧

#010203

#050910

#08101C

#0C1729

#101E36

#142643

#172D4F

#1B345C

#1F3B69

#234376

#264A82

#2A518F

#2E589C

#3260A9

#3567B5

#396EC2

#3D75CF

#407CDC

#4484E8

#488BF5

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

#102569

#14255C

#396EC2

#55A1E3

#30679E

#264A6E

#1565E3

#25374A

#3E73A1

#396EC2

#4094E8

#396EC2

#364575

#113252

#375E94

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

#23B393

#AE5935

#6ACC30

#396EC2

#B02CB5

#8CBD28

#396EC2

#AA38D4

#B03B39

#48C59F

#9AA938

#9240B0

#2CD97F

#CA463D

#396EC2

#396EC2 を使ったカマイユ

#396EC2

#416EA9

#2351B3

#3972C7

#5485D6

#3965CA

#4E85C7

#2859B3

#396EC2

#3463B8

#486CBA

#4269B5

#2A67AB

#396EC2

#295EB8

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

#2C5EB3

#396EC2

#4A86AB

#1F56B3

#3281B8

#396EC2

#2E5CBD

#3B59D9

#2481D1

#3C69E3

#2D54BA

#2C69A9

#396EC2

#518ADE

#5064BD

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

#0E4AAB

#396EC2

#8A9FC2

#0B51BF

#A5B0C2

#89A1C7

#6D90C7

#27487D

#546073

#396EC2

#184C9E

#ABB9CF

#3A619E

#1B2D4A

#396EC2

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

#396EC2

#C2396E

#6EC239

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

#C2BB39

#396EC2

#C25F39

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

#396EC2

#C239B3

#C28D39

#39C249

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

#396EC2

#C28D39

#396EC2

#9AA9C2

#396EC2

#1E3A66

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

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

#396EC2

#396EC2 の色情報

#396EC2 の色相別色一覧

#396EC2 の彩度別色一覧

#396EC2 の明度別色一覧

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

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

#396EC2 を使ったカマイユ

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

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

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

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

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

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