#3687B4｜カラーサイト.com

#3687B4 の色情報

#3687B4

画像
HEX	#3687B4
RGB	R:54 G:135 B:180
RGBの割合	R:21.2% G:52.9% B:70.6%
HSV	H:201.4 S:70.0 V:70.6
HSL	H:201.4 S:53.8 L:45.9
CMY	C:78.8 M:47.1 Y:29.4

CMYK	C:70.0 M:25.0 Y:0.0 K:29.4
YCbCr	Y:115.6 Cb:159.7 Cr:89.2
XYZ	X:18.4 Y:21.4 Z:46.3
xyY	x:0.214 y:0.248 Y:21.4

CIE Lab	L:53.4 a:-9.7 b*:-30.8
CIE LCh	L:53.4 C:32.3 h:252.5
CIE Luv	L:53.4 u:-30.5 v*:-45.6
Hunter Lab	L:46.3 a:-9.9 b:-27.0

#3687B4 の色相別色一覧

#B44436

#B46336

#B48336

#B4A236

#A7B436

#87B436

#68B436

#48B436

#36B444

#36B463

#36B483

#36B4A2

#36A7B4

#3687B4

#3668B4

#3648B4

#4436B4

#6336B4

#8336B4

#A236B4

#B436A7

#B43687

#B43668

#B43648

#3687B4 の彩度別色一覧

#B4B4B4

#ABB1B4

#A2AEB4

#99AAB4

#90A7B4

#87A4B4

#7EA1B4

#759EB4

#6C9AB4

#6397B4

#5A94B4

#5191B4

#488DB4

#3F8AB4

#3687B4

#2D84B4

#2481B4

#1B7DB4

#127AB4

#0977B4

#3687B4 の明度別色一覧

#000102

#040B0E

#08141B

#0C1E28

#102735

#143141

#173B4E

#1B445B

#1F4E68

#235774

#276181

#2B6A8E

#2E749B

#327DA7

#3687B4

#3A91C1

#3E9ACE

#41A4DA

#45ADE7

#49B7F4

#3687B4 を使ったトーンオントーン

#315F8F

#254354

#3687B4

#406780

#6FADED

#306496

#15324D

#3687B4

#345C73

#6FCBF7

#38B2E8

#3687B4

#233E5C

#104E75

#436C8F

#3687B4 を使ったトーンイントーン

#8845C1

#BC354A

#3687B4

#BDBE3D

#43A751

#3687B4

#AA2A3B

#79219D

#C1CB43

#35A05E

#3B9B57

#9031B7

#ACC12E

#CB3B3C

#3687B4

#3687B4 を使ったカマイユ

#448DC3

#45A6CB

#4090B1

#3687B4

#3E85A7

#3687B4

#4998C1

#327BB1

#2B8FC3

#2E8AC8

#4FA9CB

#27779B

#357CAC

#3687B4

#3396BC

#3687B4 を使ったフォカマイユ

#3687B4

#1F75AC

#466CA2

#477CAC

#2C74B9

#32688E

#3687B4

#42A5CE

#4989AF

#28619B

#2285A0

#40669D

#226795

#1D6C9B

#3687B4

#3687B4 を使ったドミナントカラー

#5DA3C9

#3687B4

#80B3CF

#9EA5A8

#D5E9F5

#A4C9DE

#57B6EB

#B9D9EB

#0F6EA3

#3687B4

#9BB2BF

#2D85B5

#364045

#3687B4

#5D6163

#3687B4 を使ったトライアド

#3687B4

#B43687

#87B436

#3687B4 を使ったスプリットコンプリメンタリー

#B48D36

#3687B4

#B43936

#3687B4 を使ったテトラード

#3687B4

#A236B4

#B46336

#48B436

#3687B4 を使ったコントラスト

#3687B4

#B46336

#3687B4

#90A7B4

#3687B4

#1F4D66

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

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

#3687B4

#3687B4 の色情報

#3687B4 の色相別色一覧

#3687B4 の彩度別色一覧

#3687B4 の明度別色一覧

#3687B4 を使ったトーンオントーン

#3687B4 を使ったトーンイントーン

#3687B4 を使ったカマイユ

#3687B4 を使ったフォカマイユ

#3687B4 を使ったドミナントカラー

#3687B4 を使ったトライアド

#3687B4 を使ったスプリットコンプリメンタリー

#3687B4 を使ったテトラード

#3687B4 を使ったコントラスト