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

#3A45B2 の色情報

#3A45B2

画像
HEX	#3A45B2
RGB	R:58 G:69 B:178
RGBの割合	R:22.7% G:27.1% B:69.8%
HSV	H:234.5 S:67.4 V:69.8
HSL	H:234.5 S:50.8 L:46.3
CMY	C:77.3 M:72.9 Y:30.2

CMYK	C:67.4 M:61.2 Y:0.0 K:30.2
YCbCr	Y:83.1 Cb:177.5 Cr:115.4
XYZ	X:11.9 Y:8.4 Z:43.1
xyY	x:0.188 y:0.132 Y:8.4

CIE Lab	L:34.7 a:31.5 b*:-59.4
CIE LCh	L:34.7 C:67.2 h:297.9
CIE Luv	L:75.6 u:-19.1 v*:-182.8
Hunter Lab	L:28.9 a:22.8 b:-68.1

#3A45B2 の色相別色一覧

#B24D3A

#B26B3A

#B2893A

#B2A73A

#9FB23A

#81B23A

#63B23A

#45B23A

#3AB24D

#3AB26B

#3AB289

#3AB2A7

#3A9FB2

#3A81B2

#3A63B2

#3A45B2

#4D3AB2

#6B3AB2

#893AB2

#A73AB2

#B23A9F

#B23A81

#B23A63

#B23A45

#3A45B2 の彩度別色一覧

#AEAEB2

#A5A6B2

#9C9EB2

#9396B2

#8A8EB2

#8186B2

#787EB2

#6F76B2

#676DB2

#5E65B2

#555DB2

#4C55B2

#434DB2

#3A45B2

#313DB2

#2835B2

#1F2DB2

#1625B2

#0E1DB2

#0514B2

#3A45B2 の明度別色一覧

#04050C

#080A19

#0C0F26

#101433

#15193F

#191D4C

#1D2259

#212766

#252C72

#29317F

#2E368C

#323B99

#3640A5

#3A45B2

#3E4ABF

#424FCC

#4654D8

#4B59E5

#4F5EF2

#5363FF

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

#3533E3

#16244D

#3A45B2

#6261D1

#211B6B

#4466F5

#273C7D

#2E418C

#3A45B2

#222459

#2122D4

#0B144F

#4748F7

#243573

#3A45B2

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

#9B612C

#3A45B2

#49A828

#A54397

#30B5A2

#BA3B99

#64C137

#3A45B2

#37AFB5

#A37542

#BE2FC6

#8FC141

#31C195

#3A45B2

#C95D37

#3A45B2 を使ったカマイユ

#393AA0

#3A45B2

#3040C4

#3E42AD

#3739A3

#2B3AA3

#4956AA

#3A45B2

#3F4FAD

#373CAF

#4D5DBA

#3A45B2

#3B50C1

#3047AF

#4447BF

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

#3A45B2

#3346CE

#596EBF

#685ECE

#46429B

#3A45B2

#2638A3

#454AA5

#435291

#655BCC

#3226CC

#3A45B2

#282599

#434891

#244499

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

#333654

#3142E8

#1B2EE3

#5F66B3

#3A45B2

#1729D4

#32397A

#1B29B5

#3A45B2

#263091

#1B29B5

#4350D1

#0A1FF0

#3A45B2

#272C63

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

#2737D6

#3A45B2

#3E426B

#3A45B2

#2C3CDB

#393E70

#162BFA

#3A45B2

#4E5280

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

#3A45B2

#B23A45

#45B23A

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

#95B23A

#3A45B2

#B27F3A

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

#3A45B2

#B23A81

#B2A73A

#3AB26B

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

#3A45B2

#B2A73A

#3A45B2

#9396B2

#3A45B2

#5363FF

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

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

#3A45B2

#3A45B2 の色情報

#3A45B2 の色相別色一覧

#3A45B2 の彩度別色一覧

#3A45B2 の明度別色一覧

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

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

#3A45B2 を使ったカマイユ

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

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

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

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

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

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

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