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

#3A6DCC の色情報

#3A6DCC

画像
HEX	#3A6DCC
RGB	R:58 G:109 B:204
RGBの割合	R:22.7% G:42.7% B:80.0%
HSV	H:219.0 S:71.6 V:80.0
HSL	H:219.0 S:58.9 L:51.4
CMY	C:77.3 M:57.3 Y:20.0

CMYK	C:71.6 M:46.6 Y:0.0 K:20.0
YCbCr	Y:105.8 Cb:177.3 Cr:98.9
XYZ	X:18.1 Y:16.2 Z:59.3
xyY	x:0.193 y:0.173 Y:16.2

CIE Lab	L:47.2 a:15.2 b*:-54.3
CIE LCh	L:47.2 C:56.4 h:285.6
CIE Luv	L:47.2 u:-20.2 v*:-83.7
Hunter Lab	L:40.2 a:9.9 b:-59.2

#3A6DCC の色相別色一覧

#CC503A

#CC753A

#CC993A

#CCBE3A

#B6CC3A

#92CC3A

#6DCC3A

#49CC3A

#3ACC50

#3ACC75

#3ACC99

#3ACCBE

#3AB6CC

#3A92CC

#3A6DCC

#3A49CC

#503ACC

#753ACC

#993ACC

#BE3ACC

#CC3AB6

#CC3A92

#CC3A6D

#CC3A49

#3A6DCC の彩度別色一覧

#C9CACC

#BFC3CC

#B4BDCC

#AAB6CC

#A0AFCC

#96A9CC

#8CA2CC

#819BCC

#7795CC

#6D8ECC

#6388CC

#5981CC

#4E7ACC

#4474CC

#3A6DCC

#3066CC

#2660CC

#1B59CC

#1152CC

#074CCC

#3A6DCC の明度別色一覧

#000000

#04070D

#070E1A

#0B1426

#0F1B33

#122240

#16294D

#193059

#1D3766

#213D73

#244480

#284B8C

#2C5299

#2F59A6

#335FB3

#3666BF

#3A6DCC

#3E74D9

#417BE6

#4581F2

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

#365AE8

#0B1959

#394A78

#3A6DCC

#375187

#2C6396

#39517A

#105DAB

#1E2F47

#3A6DCC

#283C78

#215999

#3A6DCC

#4E6AE8

#233352

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

#46D98D

#A1D14E

#E3483A

#A035B5

#3A6DCC

#91DB28

#C23B31

#3A6DCC

#BD4DE6

#4EDBB6

#B82D31

#3A6DCC

#B94BC9

#A8E030

#44C77D

#3A6DCC を使ったカマイユ

#2E66B5

#5381DE

#295EC9

#3A6DCC

#3D7DE6

#2464B8

#4579D4

#4F73CF

#3A6DCC

#2451BA

#4D75E6

#3A6DCC

#2456BA

#4072C4

#4066BF

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

#3A6DCC

#2D7BDB

#5589C4

#4657B3

#354AEB

#3A6DCC

#2231A6

#3074EB

#4776C2

#4F63C4

#3A6DCC

#2785DE

#2D4AF2

#3171BA

#4D6EBA

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

#4367A8

#0A1E45

#223963

#111E36

#3A6DCC

#5778B5

#283142

#28519C

#3A6DCC

#546078

#6790DB

#3A6DCC

#2A364D

#254580

#9FACC4

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

#3A6DCC

#1B4696

#50607D

#7487AB

#3A6DCC

#083487

#1848A1

#485E87

#3A6DCC

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

#3A6DCC

#CC3A6D

#6DCC3A

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

#CCCA3A

#3A6DCC

#CC683A

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

#3A6DCC

#CC3AB6

#CC993A

#3ACC50

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

#3A6DCC

#CC993A

#3A6DCC

#A0AFCC

#3A6DCC

#1D3766

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

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

#3A6DCC

#3A6DCC の色情報

#3A6DCC の色相別色一覧

#3A6DCC の彩度別色一覧

#3A6DCC の明度別色一覧

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

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

#3A6DCC を使ったカマイユ

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

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

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

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

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

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

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