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

#5677A2 の色情報

#5677A2

画像
HEX	#5677A2
RGB	R:86 G:119 B:162
RGBの割合	R:33.7% G:46.7% B:63.5%
HSV	H:213.9 S:46.9 V:63.5
HSL	H:213.9 S:30.6 L:48.6
CMY	C:66.3 M:53.3 Y:36.5

CMYK	C:46.9 M:26.5 Y:0.0 K:36.5
YCbCr	Y:114.0 Cb:151.8 Cr:110.5
XYZ	X:17.0 Y:17.8 Z:36.7
xyY	x:0.237 y:0.249 Y:17.8

CIE Lab	L:49.2 a:0.3 b*:-26.8
CIE LCh	L:49.2 C:26.8 h:270.7
CIE Luv	L:49.2 u:-16.5 v*:-39.7
Hunter Lab	L:42.2 a:-2.0 b:-22.1

#5677A2 の色相別色一覧

#A25B56

#A26E56

#A28156

#A29456

#9DA256

#8AA256

#77A256

#64A256

#56A25B

#56A26E

#56A281

#56A294

#569DA2

#568AA2

#5677A2

#5664A2

#5B56A2

#6E56A2

#8156A2

#9456A2

#A2569D

#A2568A

#A25677

#A25664

#5677A2 の彩度別色一覧

#9FA0A2

#979CA2

#8F97A2

#8792A2

#7F8EA2

#7689A2

#6E85A2

#6680A2

#5E7CA2

#5677A2

#4E72A2

#466EA2

#3E69A2

#3665A2

#2E60A2

#255CA2

#1D57A2

#1552A2

#0D4EA2

#0549A2

#5677A2 の明度別色一覧

#050709

#0C1016

#121923

#19232F

#202C3C

#273549

#2D3F56

#344862

#3B526F

#425B7C

#486489

#4F6E95

#5677A2

#5D80AF

#648ABC

#6A93C8

#719CD5

#78A6E2

#7FAFEF

#85B9FB

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

#47687D

#668CBF

#5677A2

#25364F

#81A6F7

#5677A2

#3F4E5C

#8DA5C7

#ACD1F5

#273F69

#62BAF5

#5677A2

#515B70

#253D59

#839ACC

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

#9E4FAC

#82894F

#5677A2

#68A576

#8E5151

#A55D4D

#6C9A46

#B35DB9

#5677A2

#5AAC98

#509F68

#9F5EB9

#5677A2

#935557

#9D9F4B

#5677A2 を使ったカマイユ

#56769D

#6182B4

#5677A2

#415C8E

#61789A

#5677A2

#6485AC

#4B78AF

#6D8EAC

#6084B9

#5677A2

#5978B1

#4E648B

#597B9F

#496A98

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

#6B89B9

#5677A2

#3D4B83

#556CAA

#4E7598

#7187C3

#49647E

#6289AC

#5677A2

#52637C

#66A6C8

#5677A2

#4B7DAA

#4D65C6

#4E72BE

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

#818994

#AEB4BD

#5677A2

#364252

#B1C6E0

#5677A2

#507BB3

#70849E

#314359

#273A52

#325D96

#185DB8

#5677A2

#4279C2

#A1AAB5

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

#367AD1

#5677A2

#1E477D

#5677A2

#2A4C78

#3A89F0

#5677A2

#2D486B

#358CFC

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

#5677A2

#A25677

#77A256

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

#A29A56

#5677A2

#A26856

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

#5677A2

#A2569D

#A28156

#56A25B

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

#5677A2

#A28156

#5677A2

#0549A2

#5677A2

#87BBFF

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

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

#5677A2

#5677A2 の色情報

#5677A2 の色相別色一覧

#5677A2 の彩度別色一覧

#5677A2 の明度別色一覧

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

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

#5677A2 を使ったカマイユ

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

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

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

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

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

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

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