#3A6BA5｜カラーサイト.com

#3A6BA5 の色情報

#3A6BA5

画像
HEX	#3A6BA5
RGB	R:58 G:107 B:165
RGBの割合	R:22.7% G:42.0% B:64.7%
HSV	H:212.5 S:64.8 V:64.7
HSL	H:212.5 S:48.0 L:43.7
CMY	C:77.3 M:58.0 Y:35.3

CMYK	C:64.8 M:35.2 Y:0.0 K:35.3
YCbCr	Y:101.0 Cb:160.7 Cr:102.4
XYZ	X:13.8 Y:14.1 Z:37.6
xyY	x:0.211 y:0.216 Y:14.1

CIE Lab	L:44.4 a:2.3 b*:-36.1
CIE LCh	L:44.4 C:36.2 h:273.7
CIE Luv	L:44.4 u:-20.2 v*:-53.5
Hunter Lab	L:37.6 a:-0.3 b:-33.0

#3A6BA5 の色相別色一覧

#A53F3A

#A5593A

#A5743A

#A58F3A

#A1A53A

#86A53A

#6BA53A

#50A53A

#3AA53F

#3AA559

#3AA574

#3AA58F

#3AA1A5

#3A86A5

#3A6BA5

#3A50A5

#3F3AA5

#593AA5

#743AA5

#8F3AA5

#A53AA1

#A53A86

#A53A6B

#A53A50

#3A6BA5 の彩度別色一覧

#9DA1A5

#959CA5

#8D98A5

#8493A5

#7C8FA5

#748AA5

#6C86A5

#6381A5

#5B7DA5

#5378A5

#4B74A5

#426FA5

#3A6BA5

#3267A5

#2A62A5

#215EA5

#1959A5

#1155A5

#0950A5

#004CA5

#3A6BA5 の明度別色一覧

#04080C

#091019

#0D1826

#122132

#16293F

#1B314C

#1F3959

#244265

#284A72

#2D527F

#315A8C

#366398

#3A6BA5

#3E73B2

#437CBF

#4784CB

#4C8CD8

#5094E5

#559DF2

#59A5FE

#3A6BA5 を使ったトーンオントーン

#1C364A

#1C3A6E

#3E73E3

#708BCF

#3A6BA5

#122B4D

#1D577D

#3A6BA5

#3B77F5

#2369CF

#4E95D1

#164069

#799FF2

#3A6BA5

#253047

#3A6BA5 を使ったトーンイントーン

#43B479

#84AA49

#BC4B46

#3A6BA5

#843B93

#3A6BA5

#289360

#76358E

#9AB247

#962C39

#3A6BA5

#3D914D

#AF2C2F

#85913D

#922CA8

#3A6BA5 を使ったカマイユ

#3A6BA5

#315898

#4978B7

#2F6AA2

#265C98

#386ABF

#23518C

#3A6BA5

#3164B4

#396698

#2C60A8

#2D67B2

#446EAA

#4772A0

#3A6BA5

#3A6BA5 を使ったフォカマイユ

#2D61C4

#223B9B

#599FC9

#3D608E

#3A6BA5

#314D84

#4C6FCB

#3A6BA5

#3C568C

#425A9D

#537AAF

#3F5993

#28639B

#3A6BA5

#496EAD

#3A6BA5 を使ったドミナントカラー

#3A6BA5

#093161

#484B4F

#3787E6

#435A75

#076AE0

#A9B8C9

#1156A8

#3A6BA5

#123661

#384E69

#87B9F5

#3A6BA5

#7F868F

#1C4E8A

#3A6BA5 を使ったアイデンティティ

#3180DE

#344961

#3A6BA5

#7FA0C7

#3A6BA5

#0A386E

#163E6E

#3A6BA5

#A7CAF2

#3A6BA5 を使ったトライアド

#3A6BA5

#A53A6B

#6BA53A

#3A6BA5 を使ったスプリットコンプリメンタリー

#A5983A

#3A6BA5

#A5503A

#3A6BA5 を使ったテトラード

#3A6BA5

#A53AA1

#A5743A

#3AA53F

#3A6BA5 を使ったコントラスト

#3A6BA5

#A5743A

#3A6BA5

#8D98A5

#3A6BA5

#5AA5FF

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

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

#3A6BA5

#3A6BA5 の色情報

#3A6BA5 の色相別色一覧

#3A6BA5 の彩度別色一覧

#3A6BA5 の明度別色一覧

#3A6BA5 を使ったトーンオントーン

#3A6BA5 を使ったトーンイントーン

#3A6BA5 を使ったカマイユ

#3A6BA5 を使ったフォカマイユ

#3A6BA5 を使ったドミナントカラー

#3A6BA5 を使ったアイデンティティ

#3A6BA5 を使ったトライアド

#3A6BA5 を使ったスプリットコンプリメンタリー

#3A6BA5 を使ったテトラード

#3A6BA5 を使ったコントラスト