#5A8CE2｜カラーサイト.com

#5A8CE2 の色情報

#5A8CE2

画像
HEX	#5A8CE2
RGB	R:90 G:140 B:226
RGBの割合	R:35.3% G:54.9% B:88.6%
HSV	H:217.9 S:60.2 V:88.6
HSL	H:217.9 S:70.1 L:62.0
CMY	C:64.7 M:45.1 Y:11.4

CMYK	C:60.2 M:38.1 Y:0.0 K:11.4
YCbCr	Y:131.8 Cb:173.2 Cr:99.9
XYZ	X:27.3 Y:26.4 Z:75.6
xyY	x:0.211 y:0.204 Y:26.4

CIE Lab	L:58.4 a:9.1 b*:-48.8
CIE LCh	L:58.4 C:49.6 h:280.6
CIE Luv	L:58.4 u:-22.7 v*:-78.1
Hunter Lab	L:51.4 a:4.9 b:-51.2

#5A8CE2 の色相別色一覧

#E26C5A

#E28E5A

#E2B05A

#E2D25A

#D0E25A

#AEE25A

#8CE25A

#6AE25A

#5AE26C

#5AE28E

#5AE2B0

#5AE2D2

#5AD0E2

#5AAEE2

#5A8CE2

#5A6AE2

#6C5AE2

#8E5AE2

#B05AE2

#D25AE2

#E25AD0

#E25AAE

#E25A8C

#E25A6A

#5A8CE2 の彩度別色一覧

#E2E2E2

#D6DBE2

#CBD3E2

#C0CCE2

#B4C5E2

#A9BEE2

#9EB7E2

#93B0E2

#87A9E2

#7CA1E2

#719AE2

#6593E2

#5A8CE2

#4F85E2

#437EE2

#3877E2

#2D6FE2

#2268E2

#1661E2

#0B5AE2

#5A8CE2 の明度別色一覧

#040609

#090E16

#0E1623

#131D30

#18253C

#1D2D49

#223556

#273D63

#2C456F

#314D7C

#365589

#3C5D96

#4165A2

#466CAF

#4B74BC

#507CC9

#5584D5

#5A8CE2

#5F94EF

#649CFC

#5A8CE2 を使ったトーンオントーン

#2C679E

#2D446B

#5770C2

#5A8CE2

#252D4D

#313B59

#3553C7

#215999

#335780

#5A8CE2

#29385C

#20417A

#5A8CE2

#2F4FC4

#1D398C

#5A8CE2 を使ったトーンイントーン

#5A8CE2

#4DF197

#A2C95A

#EF6AF6

#F66A6C

#5A8CE2

#BD5CD3

#CE5854

#55ECC1

#A4DA45

#E55457

#C461EF

#EEF44B

#53DA5C

#5A8CE2

#5A8CE2 を使ったカマイユ

#5A8CE2

#6D9BE5

#6D9AF4

#4E95F6

#518EEA

#7699EC

#5A8CE2

#6593E7

#6790D3

#407CD0

#6292DF

#6395D3

#4989D8

#5A8CE2

#5175D0

#5A8CE2 を使ったフォカマイユ

#5B90D5

#5C74C9

#5B81F1

#5A8CE2

#435FCE

#5CA6F4

#709BFF

#5E92F9

#445AC9

#5A8CE2

#4E6BD3

#3A65C1

#6B90FF

#4050C9

#5A8CE2

#5A8CE2 を使ったドミナントカラー

#1B386B

#C0D1F0

#6A95DE

#363940

#5A8CE2

#18366B

#76849C

#B3CEFC

#5A8CE2

#5D78A8

#4D6999

#1B345E

#808387

#5A8CE2

#3A424F

#5A8CE2 を使ったアイデンティティ

#5A8CE2

#3160B0

#0B3B8C

#2B5BAD

#5A8CE2

#394A66

#5A8CE2

#536C96

#20478A

#5A8CE2 を使ったトライアド

#5A8CE2

#E25A8C

#8CE25A

#5A8CE2 を使ったスプリットコンプリメンタリー

#E2DD5A

#5A8CE2

#E2835A

#5A8CE2 を使ったテトラード

#5A8CE2

#E25AD0

#E2B05A

#5AE26C

#5A8CE2 を使ったコントラスト

#5A8CE2

#E2B05A

#5A8CE2

#CBD3E2

#5A8CE2

#293F66

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

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

#5A8CE2

#5A8CE2 の色情報

#5A8CE2 の色相別色一覧

#5A8CE2 の彩度別色一覧

#5A8CE2 の明度別色一覧

#5A8CE2 を使ったトーンオントーン

#5A8CE2 を使ったトーンイントーン

#5A8CE2 を使ったカマイユ

#5A8CE2 を使ったフォカマイユ

#5A8CE2 を使ったドミナントカラー

#5A8CE2 を使ったアイデンティティ

#5A8CE2 を使ったトライアド

#5A8CE2 を使ったスプリットコンプリメンタリー

#5A8CE2 を使ったテトラード

#5A8CE2 を使ったコントラスト