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

#5A7DE2 の色情報

#5A7DE2

画像
HEX	#5A7DE2
RGB	R:90 G:125 B:226
RGBの割合	R:35.3% G:49.0% B:88.6%
HSV	H:224.6 S:60.2 V:88.6
HSL	H:224.6 S:70.1 L:62.0
CMY	C:64.7 M:51.0 Y:11.4

CMYK	C:60.2 M:44.7 Y:0.0 K:11.4
YCbCr	Y:124.3 Cb:177.5 Cr:105.5
XYZ	X:25.3 Y:22.3 Z:74.9
xyY	x:0.206 y:0.182 Y:22.3

CIE Lab	L:54.4 a:18.2 b*:-55.2
CIE LCh	L:54.4 C:58.2 h:288.2
CIE Luv	L:54.4 u:-17.8 v*:-88.2
Hunter Lab	L:47.3 a:12.8 b:-60.9

#5A7DE2 の色相別色一覧

#E27B5A

#E29D5A

#E2BF5A

#E2E15A

#C1E25A

#9FE25A

#7DE25A

#5BE25A

#5AE27B

#5AE29D

#5AE2BF

#5AE2E1

#5AC1E2

#5A9FE2

#5A7DE2

#5A5BE2

#7B5AE2

#9D5AE2

#BF5AE2

#E15AE2

#E25AC1

#E25A9F

#E25A7D

#E25A5B

#5A7DE2 の彩度別色一覧

#E2E2E2

#D6D9E2

#CBD1E2

#C0C9E2

#B4C0E2

#A9B8E2

#9EAFE2

#93A7E2

#879FE2

#7C96E2

#718EE2

#6585E2

#5A7DE2

#4F75E2

#436CE2

#3864E2

#2D5BE2

#2253E2

#164BE2

#0B42E2

#5A7DE2 の明度別色一覧

#040509

#090C16

#0E1323

#131A30

#18213C

#1D2849

#222F56

#273663

#2C3E6F

#31457C

#364C89

#3C5396

#415AA2

#4661AF

#4B68BC

#506FC9

#5576D5

#5A7DE2

#5F84EF

#648BFC

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

#28478C

#5A7DE2

#24314F

#163269

#2760B3

#495FC7

#4C659E

#5A7DE2

#2F405C

#234478

#202F4A

#5A7DE2

#4A6AC4

#4E5D8F

#1E3E80

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

#4EDF9A

#DF654E

#BF57CB

#5A7DE2

#B5D04D

#53F686

#CAE76F

#B647D3

#5A7DE2

#EF7277

#D88563

#CB3DCA

#51DDA4

#5A7DE2

#A8E544

#5A7DE2 を使ったカマイユ

#4F70D8

#548AF9

#6A90E7

#5A7DE2

#6C97F6

#5068DA

#4977D8

#4E6CDF

#5A7DE2

#5F94FC

#567BCE

#598DF1

#3E66D0

#5A7DE2

#506ECE

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

#5A7DE2

#3475C9

#4399F9

#3E54EF

#4481FF

#8B94FE

#5A7DE2

#4792FF

#3A7EC3

#3C66C3

#5A7DE2

#7183F1

#376ABE

#5470C9

#6374D3

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

#43568A

#282B36

#91A6E6

#5A7DE2

#4A60A1

#0B2C8A

#344473

#202D54

#4A609E

#5A7DE2

#16399E

#5A7DE2

#8490B3

#A5ADC4

#42495C

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

#5A7DE2

#E25A7D

#7DE25A

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

#D8E25A

#5A7DE2

#E2925A

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

#5A7DE2

#E25AC1

#E2BF5A

#5AE27B

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

#5A7DE2

#E2BF5A

#5A7DE2

#CBD1E2

#5A7DE2

#293866

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

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

#5A7DE2

#5A7DE2 の色情報

#5A7DE2 の色相別色一覧

#5A7DE2 の彩度別色一覧

#5A7DE2 の明度別色一覧

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

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

#5A7DE2 を使ったカマイユ

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

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

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

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

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

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