#6487E2｜カラーサイト.com

#6487E2 の色情報

#6487E2

画像
HEX	#6487E2
RGB	R:100 G:135 B:226
RGBの割合	R:39.2% G:52.9% B:88.6%
HSV	H:223.3 S:55.8 V:88.6
HSL	H:223.3 S:68.5 L:63.9
CMY	C:60.8 M:47.1 Y:11.4

CMYK	C:55.8 M:40.3 Y:0.0 K:11.4
YCbCr	Y:131.9 Cb:173.1 Cr:106.2
XYZ	X:27.6 Y:25.5 Z:75.4
xyY	x:0.215 y:0.199 Y:25.5

CIE Lab	L:57.6 a:14.1 b*:-50.1
CIE LCh	L:57.6 C:52.0 h:285.7
CIE Luv	L:57.6 u:-18.2 v*:-80.5
Hunter Lab	L:50.5 a:9.2 b:-53.1

#6487E2 の色相別色一覧

#E28064

#E2A064

#E2BF64

#E2DF64

#C6E264

#A7E264

#87E264

#68E264

#64E280

#64E2A0

#64E2BF

#64E2DF

#64C6E2

#64A7E2

#6487E2

#6468E2

#8064E2

#A064E2

#BF64E2

#DF64E2

#E264C6

#E264A7

#E26487

#E26468

#6487E2 の彩度別色一覧

#E0E1E2

#D5D9E2

#CAD0E2

#BEC8E2

#B3C0E2

#A8B8E2

#9DB0E2

#91A8E2

#869FE2

#7B97E2

#6F8FE2

#6487E2

#597FE2

#4D77E2

#426FE2

#3766E2

#2C5EE2

#2056E2

#154EE2

#0A46E2

#6487E2 の明度別色一覧

#040609

#0A0D16

#0F1523

#151C30

#1B243C

#202C49

#263356

#2C3B63

#31426F

#374A7C

#3D5289

#425996

#4861A2

#4D69AF

#5370BC

#5978C9

#5E7FD5

#6487E2

#6A8FEF

#6F96FC

#6487E2 を使ったトーンオントーン

#2E3E75

#2A3F9C

#1C2B5C

#6487E2

#5666BA

#4B5EA3

#7A97C7

#264770

#323B57

#6487E2

#57649E

#202B80

#697ABA

#293545

#6487E2

#6487E2 を使ったトーンイントーン

#F1F971

#C34CDD

#57E58A

#CB606A

#6487E2

#72ECA1

#D2EC64

#6487E2

#EF7D84

#D55BE7

#68F698

#6487E2

#C9F661

#D251E5

#CE5158

#6487E2 を使ったカマイユ

#6685DD

#5578CE

#6487E2

#5B78D8

#5983CE

#698DDA

#6487E2

#7097E7

#5686E7

#5D8EEC

#5F8FF1

#6487E2

#5787F1

#7595D8

#5C8CDF

#6487E2 を使ったフォカマイユ

#747BDA

#8CC8FE

#6A90D8

#4F8BC9

#6487E2

#8FB1F1

#778AD3

#88B7FF

#5C9FFF

#4767DD

#8AB3EA

#88A5FF

#6487E2

#7DA8DA

#6487E2 を使ったドミナントカラー

#6487E2

#1D52DB

#8890A6

#48494D

#2049B3

#293659

#678AE6

#0535B3

#6487E2

#1455FC

#6487E2

#9599A3

#4E5669

#62739E

#4365BF

#6487E2 を使ったアイデンティティ

#7686B0

#173073

#6487E2

#6A7BA8

#1C3880

#203A80

#6D7EAB

#6487E2

#6487E2 を使ったトライアド

#6487E2

#E26487

#87E264

#6487E2 を使ったスプリットコンプリメンタリー

#DBE264

#6487E2

#E29564

#6487E2 を使ったテトラード

#6487E2

#E264C6

#E2BF64

#64E280

#6487E2 を使ったコントラスト

#6487E2

#E2BF64

#6487E2

#D5D9E2

#6487E2

#2D3D66

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

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

#6487E2

#6487E2 の色情報

#6487E2 の色相別色一覧

#6487E2 の彩度別色一覧

#6487E2 の明度別色一覧

#6487E2 を使ったトーンオントーン

#6487E2 を使ったトーンイントーン

#6487E2 を使ったカマイユ

#6487E2 を使ったフォカマイユ

#6487E2 を使ったドミナントカラー

#6487E2 を使ったアイデンティティ

#6487E2 を使ったトライアド

#6487E2 を使ったスプリットコンプリメンタリー

#6487E2 を使ったテトラード

#6487E2 を使ったコントラスト