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

#7677A2 の色情報

#7677A2

画像
HEX	#7677A2
RGB	R:118 G:119 B:162
RGBの割合	R:46.3% G:46.7% B:63.5%
HSV	H:238.6 S:27.2 V:63.5
HSL	H:238.6 S:19.1 L:54.9
CMY	C:53.7 M:53.3 Y:36.5

CMYK	C:27.2 M:26.5 Y:0.0 K:36.5
YCbCr	Y:122.2 Cb:147.0 Cr:124.5
XYZ	X:20.6 Y:19.7 Z:36.9
xyY	x:0.267 y:0.255 Y:19.7

CIE Lab	L:51.4 a:9.6 b*:-23.2
CIE LCh	L:51.4 C:25.1 h:292.5
CIE Luv	L:51.4 u:-3.1 v*:-35.6
Hunter Lab	L:44.3 a:5.3 b:-18.3

#7677A2 の色相別色一覧

#A28076

#A28B76

#A29676

#A2A176

#98A276

#8DA276

#82A276

#77A276

#76A280

#76A28B

#76A296

#76A2A1

#7698A2

#768DA2

#7682A2

#7677A2

#8076A2

#8B76A2

#9676A2

#A176A2

#A27698

#A2768D

#A27682

#A27677

#7677A2 の彩度別色一覧

#9F9FA2

#9697A2

#8E8FA2

#8687A2

#7E7FA2

#7677A2

#6E6FA2

#6667A2

#5E5FA2

#5657A2

#4E4FA2

#4548A2

#3D40A2

#3538A2

#2D30A2

#2528A2

#1D20A2

#1518A2

#0D10A2

#0508A2

#7677A2 の明度別色一覧

#070709

#101016

#191923

#22232F

#2C2C3C

#353549

#3E3F56

#484862

#51526F

#5A5B7C

#636489

#6D6E95

#7677A2

#7F80AF

#898ABC

#9293C8

#9B9CD5

#A4A6E2

#AEAFEF

#B7B9FB

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

#B1B1FA

#656673

#7677A2

#4E4D57

#7D71D1

#8783C4

#DBD7F5

#696878

#2C304A

#7677A2

#3F3F4A

#9696D6

#4F4F7D

#BABDE3

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

#6CA79B

#9EB490

#7677A2

#908373

#9A748F

#B97CA6

#81AA76

#80A3A5

#7677A2

#9A8866

#8BB67A

#7AB4AB

#98806C

#7677A2

#BC81AE

#7677A2 を使ったカマイユ

#737598

#7C7AAC

#8483BC

#666890

#7677A2

#5C5A8B

#7677A2

#8789B6

#7A7AB4

#6E6D90

#8183AC

#605F93

#7677A2

#605D8B

#7A7EB6

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

#5C577E

#7084BE

#9086C3

#7677A2

#576389

#7677A2

#747889

#9793AA

#9395B1

#8E94B9

#7677A2

#5C6C98

#6C7EB4

#8684AA

#63607E

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

#7F80B8

#0C0D33

#7677A2

#9C9EE6

#191B63

#040647

#7677A2

#9192BD

#BDBDD9

#6D6D85

#53548F

#2C30E8

#E1E2F0

#040661

#7677A2

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

#3C3FC2

#7677A2

#494BC9

#404173

#070CDE

#7677A2

#191CBD

#5759C9

#7677A2

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

#7677A2

#A27677

#77A276

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

#94A276

#7677A2

#A29276

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

#7677A2

#A2768D

#A2A176

#76A28B

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

#7677A2

#A2A176

#7677A2

#2528A2

#7677A2

#BABBFF

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

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

#7677A2

#7677A2 の色情報

#7677A2 の色相別色一覧

#7677A2 の彩度別色一覧

#7677A2 の明度別色一覧

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

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

#7677A2 を使ったカマイユ

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

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

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

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

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

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

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