#709EA2｜カラーサイト.com

#709EA2 の色情報

#709EA2

画像
HEX	#709EA2
RGB	R:112 G:158 B:162
RGBの割合	R:43.9% G:62.0% B:63.5%
HSV	H:184.8 S:30.9 V:63.5
HSL	H:184.8 S:21.2 L:53.7
CMY	C:56.1 M:38.0 Y:36.5

CMYK	C:30.9 M:2.5 Y:0.0 K:36.5
YCbCr	Y:140.3 Cb:136.6 Cr:107.5
XYZ	X:25.4 Y:30.5 Z:38.7
xyY	x:0.269 y:0.322 Y:30.5

CIE Lab	L:62.1 a:-14.4 b*:-7.1
CIE LCh	L:62.1 C:16.1 h:206.2
CIE Luv	L:62.1 u:-22.8 v*:-8.2
Hunter Lab	L:55.2 a:-14.5 b:-2.9

#709EA2 の色相別色一覧

#A27470

#A28170

#A28D70

#A29A70

#9EA270

#92A270

#85A270

#79A270

#70A274

#70A281

#70A28D

#70A29A

#709EA2

#7092A2

#7085A2

#7079A2

#7470A2

#8170A2

#8D70A2

#9A70A2

#A2709E

#A27092

#A27085

#A27079

#709EA2 の彩度別色一覧

#A1A2A2

#99A1A2

#90A1A2

#88A0A2

#809FA2

#789FA2

#709EA2

#689DA2

#609DA2

#589CA2

#509BA2

#489BA2

#3F9AA2

#3799A2

#2F99A2

#2798A2

#1F98A2

#1797A2

#0F96A2

#0796A2

#709EA2 の明度別色一覧

#060909

#0F1516

#182223

#212E2F

#293B3C

#324749

#3B5356

#446062

#4D6C6F

#56797C

#5E8589

#679295

#709EA2

#79AAAF

#82B7BC

#8AC3C8

#93D0D5

#9CDCE2

#A5E9EF

#AEF5FB

#709EA2 を使ったトーンオントーン

#264746

#79CCE3

#709EA2

#707D80

#9BD4D6

#95C9C8

#709EA2

#334D52

#A5E2E8

#407878

#4A6F75

#85E1E6

#345250

#7BC1C9

#709EA2

#709EA2 を使ったトーンイントーン

#75AC77

#9D7C83

#8F7AAA

#709EA2

#898552

#6D8E5E

#7A6F95

#709EA2

#8B795D

#AF839E

#B6AC73

#8777B9

#709EA2

#B4859C

#669861

#709EA2 を使ったカマイユ

#85B8B9

#709EA2

#759095

#649DA7

#6F9395

#75AEB1

#709EA2

#8DB4B9

#618C93

#66A0A7

#79AFB1

#5E9D9D

#5C8A8B

#719398

#709EA2

#709EA2 を使ったフォカマイユ

#79ACC3

#58828B

#709EA2

#5CA7A1

#698383

#8BB6BE

#709EA2

#5D7B83

#8BB4B2

#8BADBC

#6BA0AC

#709EA2

#7DB4C6

#558179

#72AAA5

#709EA2 を使ったドミナントカラー

#709EA2

#3EBEC9

#1B494D

#A8BDBF

#BAD4D6

#0A717A

#709EA2

#2A686E

#36595C

#2D4142

#474C4D

#1FD1E0

#709EA2

#59CAD4

#679599

#709EA2 を使ったトライアド

#709EA2

#A2709E

#9EA270

#709EA2 を使ったスプリットコンプリメンタリー

#A28570

#709EA2

#A2707D

#709EA2 を使ったテトラード

#709EA2

#8D70A2

#A27470

#85A270

#709EA2 を使ったコントラスト

#709EA2

#A27470

#709EA2

#1F98A2

#709EA2

#B0F9FF

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

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

#709EA2

#709EA2 の色情報

#709EA2 の色相別色一覧

#709EA2 の彩度別色一覧

#709EA2 の明度別色一覧

#709EA2 を使ったトーンオントーン

#709EA2 を使ったトーンイントーン

#709EA2 を使ったカマイユ

#709EA2 を使ったフォカマイユ

#709EA2 を使ったドミナントカラー

#709EA2 を使ったトライアド

#709EA2 を使ったスプリットコンプリメンタリー

#709EA2 を使ったテトラード

#709EA2 を使ったコントラスト