#505B97｜カラーサイト.com

#505B97 の色情報

#505B97

画像
HEX	#505B97
RGB	R:80 G:91 B:151
RGBの割合	R:31.4% G:35.7% B:59.2%
HSV	H:230.7 S:47.0 V:59.2
HSL	H:230.7 S:30.7 L:45.3
CMY	C:68.6 M:64.3 Y:40.8

CMYK	C:47.0 M:39.7 Y:0.0 K:40.8
YCbCr	Y:97.2 Cb:156.0 Cr:118.9
XYZ	X:12.6 Y:11.4 Z:30.8
xyY	x:0.230 y:0.208 Y:11.4

CIE Lab	L:40.3 a:12.6 b*:-34.3
CIE LCh	L:40.3 C:36.5 h:290.2
CIE Luv	L:40.3 u:-7.9 v*:-50.5
Hunter Lab	L:33.8 a:7.6 b:-30.4

#505B97 の色相別色一覧

#975750

#976950

#977A50

#978C50

#909750

#7F9750

#6D9750

#5B9750

#509757

#509769

#50977A

#50978C

#509097

#507F97

#506D97

#505B97

#575097

#695097

#7A5097

#8C5097

#975090

#97507F

#97506D

#97505B

#505B97 の彩度別色一覧

#949497

#8C8E97

#858897

#7D8197

#767B97

#6E7597

#676E97

#5F6897

#586197

#505B97

#485597

#414E97

#394897

#324197

#2A3B97

#233597

#1B2E97

#142897

#0C2297

#051B97

#505B97 の明度別色一覧

#06060B

#0C0E18

#131624

#1A1E31

#21253E

#272D4B

#2E3557

#353C64

#3C4471

#424C7E

#49538A

#505B97

#5763A4

#5E6AB1

#6472BD

#6B7ACA

#7281D7

#7989E4

#7F91F0

#8698FD

#505B97 を使ったトーンオントーン

#879FD6

#5B7EF0

#30356E

#2A2B57

#505B97

#808BBF

#262A57

#7B8AE8

#505B97

#3A466E

#5868CC

#575F78

#505B97

#9493E3

#353D57

#505B97 を使ったトーンイントーン

#505B97

#924388

#834438

#6D8543

#6CAB92

#6CB198

#926558

#829F5C

#505B97

#A34AA4

#5C8040

#505B97

#804C7C

#835F4C

#4CA689

#505B97 を使ったカマイユ

#505B97

#566294

#5162A1

#435294

#46559C

#3D4D85

#50588F

#505B97

#393F85

#666FB1

#52578D

#505B97

#505D88

#414F83

#495294

#505B97 を使ったフォカマイユ

#59688F

#4A54BD

#505B97

#4265AE

#7774B6

#5C6AA1

#4957AE

#505B97

#615BBD

#6760A6

#46569C

#2D4771

#505B97

#3D4978

#4C7ABD

#505B97 を使ったドミナントカラー

#9C9DA6

#545D8F

#505B97

#0B1D7D

#D5D8E6

#5F626E

#5664B0

#535E99

#505B97

#8F92A6

#393E57

#505B97

#344FE3

#6C718C

#0019A3

#505B97 を使ったトライアド

#505B97

#97505B

#5B9750

#505B97 を使ったスプリットコンプリメンタリー

#8A9750

#505B97

#977450

#505B97 を使ったテトラード

#505B97

#97507F

#978C50

#509769

#505B97 を使ったコントラスト

#505B97

#978C50

#505B97

#051B97

#505B97

#879AFF

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

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

#505B97

#505B97 の色情報

#505B97 の色相別色一覧

#505B97 の彩度別色一覧

#505B97 の明度別色一覧

#505B97 を使ったトーンオントーン

#505B97 を使ったトーンイントーン

#505B97 を使ったカマイユ

#505B97 を使ったフォカマイユ

#505B97 を使ったドミナントカラー

#505B97 を使ったトライアド

#505B97 を使ったスプリットコンプリメンタリー

#505B97 を使ったテトラード

#505B97 を使ったコントラスト