#6A85E2｜カラーサイト.com

#6A85E2 の色情報

#6A85E2

画像
HEX	#6A85E2
RGB	R:106 G:133 B:226
RGBの割合	R:41.6% G:52.2% B:88.6%
HSV	H:226.5 S:53.1 V:88.6
HSL	H:226.5 S:67.4 L:65.1
CMY	C:58.4 M:47.8 Y:11.4

CMYK	C:53.1 M:41.2 Y:0.0 K:11.4
YCbCr	Y:132.4 Cb:172.8 Cr:109.5
XYZ	X:28.1 Y:25.3 Z:75.4
xyY	x:0.218 y:0.197 Y:25.3

CIE Lab	L:57.4 a:16.6 b*:-50.4
CIE LCh	L:57.4 C:53.0 h:288.2
CIE Luv	L:57.4 u:-15.6 v*:-81.2
Hunter Lab	L:50.3 a:11.4 b:-53.6

#6A85E2 の色相別色一覧

#E26D6A

#E28B6A

#E2A96A

#E2C76A

#DFE26A

#C1E26A

#A3E26A

#85E26A

#6AE26D

#6AE28B

#6AE2A9

#6AE2C7

#6ADFE2

#6AC1E2

#6AA3E2

#6A85E2

#6D6AE2

#8B6AE2

#A96AE2

#C76AE2

#E26ADF

#E26AC1

#E26AA3

#E26A85

#6A85E2 の彩度別色一覧

#DBDDE2

#D0D4E2

#C4CBE2

#B9C2E2

#AEBAE2

#A3B1E2

#97A8E2

#8C9FE2

#8197E2

#758EE2

#6A85E2

#5F7CE2

#5373E2

#486BE2

#3D62E2

#3259E2

#2650E2

#1B48E2

#103FE2

#0436E2

#6A85E2 の明度別色一覧

#040509

#0A0D16

#101423

#161C30

#1C233C

#222B49

#283256

#2E3A63

#34416F

#3A497C

#405089

#465896

#4C5FA2

#5267AF

#586EBC

#5E76C9

#647DD5

#6A85E2

#708DEF

#7694FC

#6A85E2 を使ったトーンオントーン

#364F75

#444BC2

#6A85E2

#5366A1

#292F4A

#1F2F4D

#6A85E2

#2A3175

#325294

#6C87BA

#495A8F

#6A85E2

#2E417D

#5274BA

#232F57

#6A85E2 を使ったトーンイントーン

#CE58CB

#6A85E2

#88E564

#F99A61

#5CF9E8

#9CDD5D

#6A85E2

#6BDAAD

#EA9C85

#C972C6

#59DAA4

#D478E7

#C0EF77

#EA7B72

#6A85E2

#6A85E2 を使ったカマイユ

#5B87EA

#5672EA

#6A85E2

#8198F9

#5D88FC

#5770DA

#8596EF

#648CEF

#728CD0

#6A85E2

#4F66D5

#6A85E2

#7B94F1

#6490FC

#5D86FC

#6A85E2 を使ったフォカマイユ

#5970F9

#809EFC

#6A85E2

#5193E7

#6C81F1

#8DBAEF

#6F8FBC

#6A85E2

#6A7FFE

#4B87DD

#6663E7

#5881F6

#8F8DEF

#6A85E2

#3D46BE

#6A85E2 を使ったドミナントカラー

#264BC9

#8C95B8

#1C2647

#6575AD

#6A85E2

#7D9AFF

#314791

#485170

#292B33

#3B61E3

#141C36

#12266B

#143BC4

#6A85E2

#6A85E2 を使ったトライアド

#6A85E2

#E26A85

#85E26A

#6A85E2 を使ったスプリットコンプリメンタリー

#D5E26A

#6A85E2

#E29F6A

#6A85E2 を使ったテトラード

#6A85E2

#E26AC1

#E2C76A

#6AE28B

#6A85E2 を使ったコントラスト

#6A85E2

#E2C76A

#6A85E2

#DBDDE2

#6A85E2

#303C66

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

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

#6A85E2

#6A85E2 の色情報

#6A85E2 の色相別色一覧

#6A85E2 の彩度別色一覧

#6A85E2 の明度別色一覧

#6A85E2 を使ったトーンオントーン

#6A85E2 を使ったトーンイントーン

#6A85E2 を使ったカマイユ

#6A85E2 を使ったフォカマイユ

#6A85E2 を使ったドミナントカラー

#6A85E2 を使ったトライアド

#6A85E2 を使ったスプリットコンプリメンタリー

#6A85E2 を使ったテトラード

#6A85E2 を使ったコントラスト