#45A166｜カラーサイト.com

#45A166 の色情報

#45A166

画像
HEX	#45A166
RGB	R:69 G:161 B:102
RGBの割合	R:27.1% G:63.1% B:40.0%
HSV	H:141.5 S:57.1 V:63.1
HSL	H:141.5 S:40.0 L:45.1
CMY	C:72.9 M:36.9 Y:60.0

CMYK	C:57.1 M:0.0 Y:36.6 K:36.9
YCbCr	Y:124.9 Cb:115.7 Cr:91.8
XYZ	X:17.6 Y:27.7 Z:17.0
xyY	x:0.282 y:0.445 Y:27.7

CIE Lab	L:59.6 a:-41.0 b*:22.7
CIE LCh	L:59.6 C:46.9 h:151.0
CIE Luv	L:59.6 u:-40.8 v*:36.2
Hunter Lab	L:52.6 a:-32.5 b:17.7

#45A166 の色相別色一覧

#A14F45

#A16645

#A17D45

#A19445

#97A145

#80A145

#69A145

#52A145

#45A14F

#45A166

#45A17D

#45A194

#4597A1

#4580A1

#4569A1

#4552A1

#4F45A1

#6645A1

#7D45A1

#9445A1

#A14597

#A14580

#A14569

#A14552

#45A166 の彩度別色一覧

#9EA19F

#96A19A

#8DA194

#85A18F

#7DA18A

#75A185

#6DA180

#65A17B

#5DA175

#55A170

#4DA16B

#45A166

#3DA161

#35A15C

#2DA157

#25A151

#1DA14C

#15A147

#0DA142

#05A13D

#45A166 の明度別色一覧

#030805

#09150D

#0E2215

#142E1D

#193B25

#1F482D

#245536

#2A613E

#2F6E46

#357B4E

#3A8856

#40945E

#45A166

#4AAE6E

#50BB76

#55C77E

#5BD486

#60E18E

#66EE96

#6BFA9F

#45A166 を使ったトーンオントーン

#4D7A57

#45A166

#284D38

#87E6A3

#32D459

#1F6931

#3BCC80

#69FAA6

#1E4D30

#45A166

#1D5437

#7CCC9E

#46E38B

#45A166

#207035

#45A166 を使ったトーンイントーン

#8F424D

#45A166

#7F498F

#496B8A

#828F3A

#45A166

#86529C

#819445

#9C4143

#396092

#879E37

#38638A

#994E4C

#854B99

#45A166

#45A166 を使ったカマイユ

#54B07A

#45A166

#3A9257

#2F884D

#3DB56A

#45A166

#2E884D

#309250

#47A968

#419C5C

#468F5E

#3E8D53

#369751

#45A166

#4DB87C

#45A166 を使ったフォカマイユ

#3FC067

#45A166

#457B5C

#359C43

#42C272

#4C9257

#60A986

#5FBB7E

#2E8049

#45A166

#6CC28E

#45A166

#3CC275

#3F8A68

#3D995D

#45A166 を使ったドミナントカラー

#565C58

#2FDE6D

#546159

#45A166

#39C46B

#08CF4F

#0F7D36

#2A362E

#65A67C

#45A166

#57BD7B

#45A166

#21402C

#459963

#2CF574

#45A166 を使ったトライアド

#45A166

#6645A1

#A16645

#45A166 を使ったスプリットコンプリメンタリー

#A14561

#45A166

#A1459F

#45A166 を使ったテトラード

#45A166

#4552A1

#A14580

#A19445

#45A166 を使ったコントラスト

#45A166

#A14580

#45A166

#96A19A

#45A166

#6DFFA2

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

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

#45A166

#45A166 の色情報

#45A166 の色相別色一覧

#45A166 の彩度別色一覧

#45A166 の明度別色一覧

#45A166 を使ったトーンオントーン

#45A166 を使ったトーンイントーン

#45A166 を使ったカマイユ

#45A166 を使ったフォカマイユ

#45A166 を使ったドミナントカラー

#45A166 を使ったトライアド

#45A166 を使ったスプリットコンプリメンタリー

#45A166 を使ったテトラード

#45A166 を使ったコントラスト