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

#506A95 の色情報

#506A95

画像
HEX	#506A95
RGB	R:80 G:106 B:149
RGBの割合	R:31.4% G:41.6% B:58.4%
HSV	H:217.4 S:46.3 V:58.4
HSL	H:217.4 S:30.1 L:44.9
CMY	C:68.6 M:58.4 Y:41.6

CMYK	C:46.3 M:28.9 Y:0.0 K:41.6
YCbCr	Y:104.6 Cb:150.7 Cr:113.5
XYZ	X:13.9 Y:14.2 Z:30.4
xyY	x:0.237 y:0.242 Y:14.2

CIE Lab	L:44.5 a:2.6 b*:-26.5
CIE LCh	L:44.5 C:26.6 h:275.6
CIE Luv	L:44.5 u:-13.4 v*:-38.7
Hunter Lab	L:37.7 a:-0.1 b:-21.6

#506A95 の色相別色一覧

#955950

#956A50

#957B50

#958C50

#8D9550

#7B9550

#6A9550

#599550

#509559

#50956A

#50957B

#50958C

#508D95

#507B95

#506A95

#505995

#595095

#6A5095

#7B5095

#8C5095

#95508D

#95507B

#95506A

#955059

#506A95 の彩度別色一覧

#939495

#8C8F95

#848A95

#7D8695

#758195

#6E7D95

#667895

#5F7395

#576F95

#506A95

#496595

#416195

#3A5C95

#325795

#2B5395

#234E95

#1C4A95

#144595

#0D4095

#063C95

#506A95 の明度別色一覧

#050609

#0C0F16

#121822

#19212F

#202B3C

#273449

#2E3D55

#354662

#3B4F6F

#42587C

#496188

#506A95

#5773A2

#5E7CAF

#6585BB

#6B8EC8

#7297D5

#79A0E2

#80A9EE

#87B3FB

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

#7C98C9

#649BE6

#506A95

#47506B

#2A3E5C

#24354D

#506A95

#3E4B78

#4686BF

#5293F2

#2B3A59

#76A9F2

#506A95

#658BCF

#6C7FB3

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

#6CAF6F

#506A95

#A9A54F

#AC5463

#89599D

#506A95

#815644

#9A5E9D

#549F85

#6A9042

#AB4BAC

#87A74C

#A77B67

#51AF77

#506A95

#506A95 を使ったカマイユ

#405B7C

#506A95

#5E769A

#4D607E

#526590

#45629A

#486F9D

#617B9F

#506A95

#6A7DA7

#46678D

#506A95

#566C8D

#587AA9

#465A86

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

#4D6BA9

#506A95

#769BB9

#36486F

#6E8CAC

#506A95

#7497AF

#4F6388

#748AB4

#404A7C

#506A95

#3E6486

#5282BB

#386B8D

#5893B9

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

#506A95

#4E5054

#5F6A7D

#111F36

#0A1D3D

#515761

#464B54

#548DEB

#506A95

#092452

#303640

#506A95

#BBD3FA

#6A7E9E

#083A8C

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

#506A95

#95506A

#6A9550

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

#959250

#506A95

#956450

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

#506A95

#95508D

#957B50

#509559

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

#506A95

#957B50

#506A95

#063C95

#506A95

#89B5FF

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

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

#506A95

#506A95 の色情報

#506A95 の色相別色一覧

#506A95 の彩度別色一覧

#506A95 の明度別色一覧

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

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

#506A95 を使ったカマイユ

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

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

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

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

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

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