#506BA3｜カラーサイト.com

#506BA3 の色情報

#506BA3

画像
HEX	#506BA3
RGB	R:80 G:107 B:163
RGBの割合	R:31.4% G:42.0% B:63.9%
HSV	H:220.5 S:50.9 V:63.9
HSL	H:220.5 S:34.2 L:47.6
CMY	C:68.6 M:58.0 Y:36.1

CMYK	C:50.9 M:34.4 Y:0.0 K:36.1
YCbCr	Y:106.5 Cb:156.6 Cr:112.2
XYZ	X:15.2 Y:14.9 Z:36.7
xyY	x:0.227 y:0.223 Y:14.9

CIE Lab	L:45.4 a:6.4 b*:-33.3
CIE LCh	L:45.4 C:33.9 h:280.9
CIE Luv	L:45.4 u:-14.0 v*:-49.8
Hunter Lab	L:38.6 a:2.8 b:-29.5

#506BA3 の色相別色一覧

#A35F50

#A37350

#A38850

#A39D50

#95A350

#80A350

#6BA350

#56A350

#50A35F

#50A373

#50A388

#50A39D

#5095A3

#5080A3

#506BA3

#5056A3

#5F50A3

#7350A3

#8850A3

#9D50A3

#A35095

#A35080

#A3506B

#A35056

#506BA3 の彩度別色一覧

#A2A2A3

#999CA3

#9197A3

#8991A3

#818CA3

#7986A3

#7181A3

#687BA3

#6076A3

#5870A3

#506BA3

#4866A3

#4060A3

#385BA3

#2F55A3

#2750A3

#1F4AA3

#1745A3

#0F3FA3

#073AA3

#506BA3 の明度別色一覧

#05070A

#0B0F17

#111724

#182030

#1E283D

#24304A

#2A3957

#314163

#374A70

#3D527D

#435A8A

#4A6396

#506BA3

#5673B0

#5D7CBD

#6384C9

#698CD6

#6F95E3

#769DF0

#7CA6FC

#506BA3 を使ったトーンオントーン

#506BA3

#38467D

#3D65CC

#5178E8

#203C5C

#283C52

#3F5DCC

#96A9EB

#506BA3

#2A3C6E

#3E5178

#738BFA

#506BA3

#6683C4

#1C2752

#506BA3 を使ったトーンイントーン

#A34FA8

#539669

#506BA3

#899B5A

#965753

#A3B550

#9B595F

#7A478F

#65AD83

#506BA3

#5DB28A

#91419E

#506BA3

#819B4B

#B24C46

#506BA3 を使ったカマイユ

#54719E

#476AA8

#587BBA

#5369AD

#506BA3

#4468AD

#6386BA

#596F9B

#495E91

#637AAD

#586EA8

#5071AB

#506BA3

#4F75B0

#506BA3 を使ったフォカマイユ

#4E77C7

#4F5FC4

#506BA3

#5A79BF

#4B5682

#768EC2

#3A499B

#5778AB

#7197C7

#506BA3

#444FBD

#5388B5

#3B4E9B

#506BA3

#527AB5

#506BA3 を使ったドミナントカラー

#2351B0

#506BA3

#828894

#052159

#011642

#506BA3

#1C3261

#455473

#021947

#717E99

#506BA3

#687A9E

#6490ED

#505661

#A6C0F5

#506BA3 を使ったアイデンティティ

#0447D1

#506BA3

#1F335C

#0C56F0

#506BA3

#3C465C

#1461FF

#506BA3

#48546E

#506BA3 を使ったトライアド

#506BA3

#A3506B

#6BA350

#506BA3 を使ったスプリットコンプリメンタリー

#A2A350

#506BA3

#A36C50

#506BA3 を使ったテトラード

#506BA3

#A35095

#A38850

#50A35F

#506BA3 を使ったコントラスト

#506BA3

#A38850

#506BA3

#A2A2A3

#506BA3

#7DA7FF

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

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

#506BA3

#506BA3 の色情報

#506BA3 の色相別色一覧

#506BA3 の彩度別色一覧

#506BA3 の明度別色一覧

#506BA3 を使ったトーンオントーン

#506BA3 を使ったトーンイントーン

#506BA3 を使ったカマイユ

#506BA3 を使ったフォカマイユ

#506BA3 を使ったドミナントカラー

#506BA3 を使ったアイデンティティ

#506BA3 を使ったトライアド

#506BA3 を使ったスプリットコンプリメンタリー

#506BA3 を使ったテトラード

#506BA3 を使ったコントラスト