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

#3A6EB2 の色情報

#3A6EB2

画像
HEX	#3A6EB2
RGB	R:58 G:110 B:178
RGBの割合	R:22.7% G:43.1% B:69.8%
HSV	H:214.0 S:67.4 V:69.8
HSL	H:214.0 S:50.8 L:46.3
CMY	C:77.3 M:56.9 Y:30.2

CMYK	C:67.4 M:38.2 Y:0.0 K:30.2
YCbCr	Y:103.8 Cb:165.5 Cr:100.3
XYZ	X:15.4 Y:15.3 Z:44.3
xyY	x:0.205 y:0.204 Y:15.3

CIE Lab	L:46.0 a:5.1 b*:-41.3
CIE LCh	L:46.0 C:41.6 h:277.0
CIE Luv	L:46.0 u:-21.0 v*:-62.2
Hunter Lab	L:39.1 a:1.8 b:-39.8

#3A6EB2 の色相別色一覧

#B2423A

#B2603A

#B27E3A

#B29C3A

#AAB23A

#8CB23A

#6EB23A

#50B23A

#3AB242

#3AB260

#3AB27E

#3AB29C

#3AAAB2

#3A8CB2

#3A6EB2

#3A50B2

#423AB2

#603AB2

#7E3AB2

#9C3AB2

#B23AAA

#B23A8C

#B23A6E

#B23A50

#3A6EB2 の彩度別色一覧

#AEB0B2

#A5ABB2

#9CA5B2

#93A0B2

#8A9BB2

#8196B2

#7891B2

#6F8CB2

#6787B2

#5E82B2

#557DB2

#4C78B2

#4373B2

#3A6EB2

#3169B2

#2864B2

#1F5FB2

#165AB2

#0E55B2

#0550B2

#3A6EB2 の明度別色一覧

#04080C

#080F19

#0C1726

#101F33

#15273F

#192F4C

#1D3759

#213F66

#254772

#294E7F

#2E568C

#325E99

#3666A5

#3A6EB2

#3E76BF

#427ECC

#4686D8

#4B8EE5

#4F95F2

#539DFF

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

#0D2B47

#2C8BD4

#3A6EB2

#31546E

#208CEB

#0E234A

#426080

#71A8E8

#3A6EB2

#3F648C

#3A6EB2

#3491D4

#243D54

#3B5E7D

#29A3FA

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

#9E2F27

#32A88E

#78A03F

#3A6EB2

#853D9B

#B53538

#9144A3

#3DAF6E

#3A6EB2

#A8B534

#7DCC3C

#4AB78D

#3A6EB2

#9140A3

#C1492E

#3A6EB2 を使ったカマイユ

#3E73AF

#397FC9

#4F88C6

#3A6EB2

#3C84CC

#3868A3

#3A6EB2

#28559E

#3D65AA

#3F7CBC

#3B75BC

#2F6FAF

#305EB5

#3A6EB2

#5286C1

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

#5A8CD8

#445F9B

#3A6EB2

#5789BF

#2D89BF

#4177A0

#316CA0

#3B7396

#3A6EB2

#568BBA

#456BB7

#2C6896

#3A6EB2

#4F6BAA

#476EB7

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

#3A6EB2

#045BCC

#355B8C

#1F559C

#5898ED

#105FC7

#3A6EB2

#303438

#63768F

#58606B

#3A6EB2

#1877F2

#E8F0FA

#546378

#CEDEF2

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

#3A6EB2

#2077E8

#3B495C

#3A6EB2

#04377A

#6DA0E3

#133159

#3A6EB2

#7EB5FC

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

#3A6EB2

#B23A6E

#6EB23A

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

#B2A63A

#3A6EB2

#B2563A

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

#3A6EB2

#B23AAA

#B27E3A

#3AB242

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

#3A6EB2

#B27E3A

#3A6EB2

#93A0B2

#3A6EB2

#539EFF

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

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

#3A6EB2

#3A6EB2 の色情報

#3A6EB2 の色相別色一覧

#3A6EB2 の彩度別色一覧

#3A6EB2 の明度別色一覧

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

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

#3A6EB2 を使ったカマイユ

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

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

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

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

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

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

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