#3679A2｜カラーサイト.com

#3679A2 の色情報

#3679A2

画像
HEX	#3679A2
RGB	R:54 G:121 B:162
RGBの割合	R:21.2% G:47.5% B:63.5%
HSV	H:202.8 S:66.7 V:63.5
HSL	H:202.8 S:50.0 L:42.4
CMY	C:78.8 M:52.5 Y:36.5

CMYK	C:66.7 M:25.3 Y:0.0 K:36.5
YCbCr	Y:106.7 Cb:155.9 Cr:95.7
XYZ	X:14.9 Y:17.1 Z:36.7
xyY	x:0.217 y:0.249 Y:17.1

CIE Lab	L:48.3 a:-7.9 b*:-28.2
CIE LCh	L:48.3 C:29.3 h:254.4
CIE Luv	L:48.3 u:-26.2 v*:-40.9
Hunter Lab	L:41.3 a:-8.0 b:-23.7

#3679A2 の色相別色一覧

#A24436

#A25F36

#A27A36

#A29536

#94A236

#79A236

#5EA236

#43A236

#36A244

#36A25F

#36A27A

#36A295

#3694A2

#3679A2

#365EA2

#3643A2

#4436A2

#5F36A2

#7A36A2

#9536A2

#A23694

#A23679

#A2365E

#A23643

#3679A2 の彩度別色一覧

#9FA1A2

#979EA2

#8F9BA2

#8798A2

#7F95A2

#7792A2

#6F8FA2

#678BA2

#5F88A2

#5685A2

#4E82A2

#467FA2

#3E7CA2

#3679A2

#2E76A2

#2673A2

#1E70A2

#166DA2

#0E6AA2

#0567A2

#3679A2 の明度別色一覧

#030709

#071016

#0C1A23

#10232F

#142D3C

#183649

#1D4056

#214962

#25536F

#295C7C

#2E6689

#326F95

#3679A2

#3A83AF

#3F8CBC

#4396C8

#479FD5

#4BA9E2

#50B2EF

#54BCFB

#3679A2 を使ったトーンオントーン

#67C6E8

#3679A2

#124B73

#21495C

#3190C2

#3679A2

#46AAF0

#0A3147

#6D9FD4

#245778

#78D2EB

#293D4D

#3679A2

#327CBF

#2C517A

#3679A2 を使ったトーンイントーン

#3679A2

#2A9357

#B13834

#8939A7

#819F42

#3679A2

#8E7336

#743EB4

#329029

#933B59

#B94963

#7941B9

#97983A

#3679A2

#42B64D

#3679A2 を使ったカマイユ

#447CAC

#3679A2

#37678B

#215D8E

#3A6B93

#3187B4

#2C84AF

#3679A2

#3B83A7

#307FBC

#33628B

#377EBC

#366289

#3D7898

#3679A2

#3679A2 を使ったフォカマイユ

#4895C1

#2B87B1

#3679A2

#1A5090

#2F74AC

#335B8E

#3679A2

#3E97AF

#436C8E

#2E677C

#3679A2

#296EC1

#395A7C

#224B8B

#487EAF

#3679A2 を使ったドミナントカラー

#346482

#1F2F38

#BDDEF2

#508DB3

#3679A2

#70A4C4

#91979C

#3679A2

#99CAE8

#4EA7DE

#3679A2

#C0CBD1

#CDE7F7

#2A343B

#376A8A

#3679A2 を使ったアイデンティティ

#3679A2

#7ECDFC

#194F70

#3679A2

#94BDD6

#095685

#0294ED

#3679A2

#507287

#3679A2 を使ったトライアド

#3679A2

#A23679

#79A236

#3679A2 を使ったスプリットコンプリメンタリー

#A28336

#3679A2

#A23B36

#3679A2 を使ったテトラード

#3679A2

#9536A2

#A25F36

#43A236

#3679A2 を使ったコントラスト

#3679A2

#A25F36

#3679A2

#8798A2

#3679A2

#55BEFF

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

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

#3679A2

#3679A2 の色情報

#3679A2 の色相別色一覧

#3679A2 の彩度別色一覧

#3679A2 の明度別色一覧

#3679A2 を使ったトーンオントーン

#3679A2 を使ったトーンイントーン

#3679A2 を使ったカマイユ

#3679A2 を使ったフォカマイユ

#3679A2 を使ったドミナントカラー

#3679A2 を使ったアイデンティティ

#3679A2 を使ったトライアド

#3679A2 を使ったスプリットコンプリメンタリー

#3679A2 を使ったテトラード

#3679A2 を使ったコントラスト