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

#3D6AE2 の色情報

#3D6AE2

画像
HEX	#3D6AE2
RGB	R:61 G:106 B:226
RGBの割合	R:23.9% G:41.6% B:88.6%
HSV	H:223.6 S:73.0 V:88.6
HSL	H:223.6 S:74.0 L:56.3
CMY	C:76.1 M:58.4 Y:11.4

CMYK	C:73.0 M:53.1 Y:0.0 K:11.4
YCbCr	Y:107.2 Cb:187.3 Cr:99.7
XYZ	X:20.8 Y:16.8 Z:74.1
xyY	x:0.186 y:0.150 Y:16.8

CIE Lab	L:48.0 a:25.5 b*:-65.6
CIE LCh	L:48.0 C:70.4 h:291.2
CIE Luv	L:48.0 u:-18.6 v*:-101.7
Hunter Lab	L:41.0 a:18.9 b:-78.5

#3D6AE2 の色相別色一覧

#E2633D

#E28C3D

#E2B53D

#E2DE3D

#BDE23D

#93E23D

#6AE23D

#41E23D

#3DE263

#3DE28C

#3DE2B5

#3DE2DE

#3DBDE2

#3D93E2

#3D6AE2

#3D41E2

#633DE2

#8C3DE2

#B53DE2

#DE3DE2

#E23DBD

#E23D93

#E23D6A

#E23D41

#3D6AE2 の彩度別色一覧

#DBDDE2

#D0D5E2

#C5CDE2

#B9C4E2

#AEBCE2

#A3B4E2

#97ACE2

#8CA4E2

#819BE2

#7693E2

#6A8BE2

#5F83E2

#547AE2

#4872E2

#3D6AE2

#3262E2

#265AE2

#1B51E2

#1049E2

#0541E2

#3D6AE2 の明度別色一覧

#020409

#060A16

#091023

#0D1630

#101C3C

#142249

#172856

#1B2E63

#1E346F

#213A7C

#254089

#284696

#2C4CA2

#2F52AF

#3358BC

#365EC9

#3A64D5

#3D6AE2

#4070EF

#4476FC

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

#3F67B5

#486EA3

#163D80

#3D6AE2

#091359

#212757

#212F94

#3E4CB5

#3D6AE2

#27386B

#4653A3

#092580

#3D6AE2

#1559BD

#1C314F

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

#3D6AE2

#F42EEB

#2DD58E

#80CB41

#D87A45

#C944BE

#F1783C

#3D6AE2

#9BEA31

#3DCB9D

#3D6AE2

#D4EA56

#F1353C

#4BF17C

#CC32EC

#3D6AE2 を使ったカマイユ

#3C66F9

#3D6AE2

#5582E7

#326AD8

#587AEF

#3D6AE2

#456BEF

#5184EF

#496CDD

#3464DA

#4E83E5

#4F85EF

#3D6AE2

#5774F1

#477FEC

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

#527EFF

#4760F6

#4856D3

#3D6AE2

#3B60CB

#3097FC

#3C7CCE

#2362C3

#3D6AE2

#4F5AEF

#2575CE

#568DCE

#3D6AE2

#2E63DA

#4D8BCB

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

#3D6AE2

#5A76BF

#5974BA

#9DA5BD

#171F33

#7792D9

#33363D

#2B3040

#697082

#3D6AE2

#0F1C3D

#4573ED

#202738

#6D8CDE

#3D6AE2

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

#3D6AE2

#E23D6A

#6AE23D

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

#D8E23D

#3D6AE2

#E27E3D

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

#3D6AE2

#E23DBD

#E2B53D

#3DE263

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

#3D6AE2

#E2B53D

#3D6AE2

#AEBCE2

#3D6AE2

#1C3066

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

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

#3D6AE2

#3D6AE2 の色情報

#3D6AE2 の色相別色一覧

#3D6AE2 の彩度別色一覧

#3D6AE2 の明度別色一覧

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

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

#3D6AE2 を使ったカマイユ

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

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

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

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

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

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