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

#3A6BAF の色情報

#3A6BAF

画像
HEX	#3A6BAF
RGB	R:58 G:107 B:175
RGBの割合	R:22.7% G:42.0% B:68.6%
HSV	H:214.9 S:66.9 V:68.6
HSL	H:214.9 S:50.2 L:45.7
CMY	C:77.3 M:58.0 Y:31.4

CMYK	C:66.9 M:38.9 Y:0.0 K:31.4
YCbCr	Y:102.0 Cb:165.1 Cr:101.7
XYZ	X:14.7 Y:14.5 Z:42.6
xyY	x:0.205 y:0.202 Y:14.5

CIE Lab	L:45.0 a:5.9 b*:-41.2
CIE LCh	L:45.0 C:41.6 h:278.1
CIE Luv	L:45.0 u:-20.0 v*:-61.8
Hunter Lab	L:38.1 a:2.4 b:-39.6

#3A6BAF の色相別色一覧

#AF443A

#AF613A

#AF7E3A

#AF9B3A

#A6AF3A

#88AF3A

#6BAF3A

#4EAF3A

#3AAF44

#3AAF61

#3AAF7E

#3AAF9B

#3AA6AF

#3A88AF

#3A6BAF

#3A4EAF

#443AAF

#613AAF

#7E3AAF

#9B3AAF

#AF3AA6

#AF3A88

#AF3A6B

#AF3A4E

#3A6BAF の彩度別色一覧

#ACADAF

#A3A8AF

#9AA3AF

#929EAF

#8999AF

#8094AF

#778FAF

#6F8AAF

#6684AF

#5D7FAF

#547AAF

#4C75AF

#4370AF

#3A6BAF

#3166AF

#2961AF

#205CAF

#1757AF

#0E52AF

#064CAF

#3A6BAF の明度別色一覧

#030609

#070D16

#0C1523

#101D30

#14253C

#182D49

#1C3456

#213C63

#25446F

#294C7C

#2D5489

#325B96

#3663A2

#3A6BAF

#3E73BC

#427BC9

#4782D5

#4B8AE2

#4F92EF

#539AFC

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

#4674E8

#2A4659

#3A6BAF

#184494

#2C527D

#2864FA

#3A6BAF

#56A1D6

#1E456E

#122A4D

#193759

#2F498F

#183F6E

#6489ED

#3A6BAF

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

#BCC930

#902B9D

#AC332D

#3A6BAF

#44C659

#AA3EC6

#3A6BAF

#85AC45

#B44A41

#36965E

#3A6BAF

#C13934

#4CBE7A

#84A231

#A248C6

#3A6BAF を使ったカマイユ

#538AC1

#3E63AC

#4A75C9

#3A6BAF

#3162BC

#2A58AC

#2D5FBC

#437BC3

#4C81B9

#3A6BAF

#3D66AC

#416FBE

#528EC9

#436DB9

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

#2784B9

#3A6BAF

#2968A2

#3252AA

#427CA5

#3A6BAF

#286CA7

#2774A7

#26409D

#3E6B9B

#385D8E

#3A6BAF

#538CCE

#3165CB

#2D6DC1

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

#1D5BB3

#3F4A59

#3A6BAF

#0B4596

#24364F

#1C54A3

#7D838C

#667A96

#6380A8

#3A6BAF

#1676FA

#154485

#30343B

#68A6FC

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

#81A8DE

#3A6BAF

#0C2F5E

#3A6BAF

#0D3B7A

#84B3F5

#3A6BAF

#84A3CF

#154382

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

#3A6BAF

#AF3A6B

#6BAF3A

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

#AFA53A

#3A6BAF

#AF573A

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

#3A6BAF

#AF3AA6

#AF7E3A

#3AAF44

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

#3A6BAF

#AF7E3A

#3A6BAF

#929EAF

#3A6BAF

#559CFF

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

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

#3A6BAF

#3A6BAF の色情報

#3A6BAF の色相別色一覧

#3A6BAF の彩度別色一覧

#3A6BAF の明度別色一覧

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

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

#3A6BAF を使ったカマイユ

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

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

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

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

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

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

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