#6670C2｜カラーサイト.com

#6670C2 の色情報

#6670C2

画像
HEX	#6670C2
RGB	R:102 G:112 B:194
RGBの割合	R:40.0% G:43.9% B:76.1%
HSV	H:233.5 S:47.4 V:76.1
HSL	H:233.5 S:43.0 L:58.0
CMY	C:60.0 M:56.1 Y:23.9

CMYK	C:47.4 M:42.3 Y:0.0 K:23.9
YCbCr	Y:117.7 Cb:165.5 Cr:117.8
XYZ	X:21.0 Y:18.3 Z:53.5
xyY	x:0.226 y:0.197 Y:18.3

CIE Lab	L:49.9 a:18.4 b*:-44.2
CIE LCh	L:49.9 C:47.9 h:292.6
CIE Luv	L:49.9 u:-8.9 v*:-69.4
Hunter Lab	L:42.8 a:12.8 b:-44.1

#6670C2 の色相別色一覧

#C27366

#C28A66

#C2A166

#C2B866

#B5C266

#9EC266

#87C266

#70C266

#66C273

#66C28A

#66C2A1

#66C2B8

#66B5C2

#669EC2

#6687C2

#6670C2

#7366C2

#8A66C2

#A166C2

#B866C2

#C266B5

#C2669E

#C26687

#C26670

#6670C2 の彩度別色一覧

#BDBEC2

#B4B5C2

#AAADC2

#A0A4C2

#979BC2

#8D93C2

#838AC2

#7981C2

#7079C2

#6670C2

#5C67C2

#535FC2

#4956C2

#3F4DC2

#3645C2

#2C3CC2

#2233C2

#182BC2

#0F22C2

#051AC2

#6670C2 の明度別色一覧

#010203

#080910

#0F101C

#161829

#1C1F36

#232643

#2A2E4F

#30355C

#373C69

#3E4476

#444B82

#4B538F

#525A9C

#5961A9

#5F69B5

#6670C2

#6D77CF

#737FDC

#7A86E8

#818DF5

#6670C2 を使ったトーンオントーン

#33327A

#527FF5

#3D3F57

#556291

#6670C2

#434C8C

#6670C2

#6C79F7

#404C80

#2F3447

#516296

#ADAEF2

#6670C2

#4F5980

#1E2B57

#6670C2 を使ったトーンイントーン

#6670C2

#D98474

#ADCF71

#6CD6A8

#D67ED0

#B07457

#6670C2

#63B591

#B561A0

#9BBD72

#8CB56E

#61CCA4

#D9957F

#D482C7

#6670C2

#6670C2 を使ったカマイユ

#6670C2

#7D84D9

#566ABD

#4F5DAE

#6475CF

#6670C2

#666AD1

#818DDC

#6C78CA

#4F53B0

#6F77C5

#6670C2

#515FB3

#8087D4

#757FC7

#6670C2 を使ったフォカマイユ

#837ABD

#7D86C7

#675CCF

#5583D6

#6670C2

#5472E1

#6670C2

#7D79C7

#5D5CBA

#5C57B0

#8387D9

#928CDC

#425DA6

#6670C2

#7893CC

#6670C2 を使ったドミナントカラー

#090D33

#8C98FA

#262833

#6670C2

#5C6296

#6673DE

#01094D

#C0C2CF

#6670C2

#777CA6

#6670C2

#3D415E

#2D325C

#515361

#242742

#6670C2 を使ったアイデンティティ

#6670C2

#5C6CF2

#101D87

#051178

#6670C2

#4B5EFA

#263080

#6670C2

#0720ED

#6670C2 を使ったトライアド

#6670C2

#C26670

#70C266

#6670C2 を使ったスプリットコンプリメンタリー

#ADC266

#6670C2

#C29966

#6670C2 を使ったテトラード

#6670C2

#C2669E

#C2B866

#66C28A

#6670C2 を使ったコントラスト

#6670C2

#C2B866

#6670C2

#051AC2

#6670C2

#363B66

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

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

#6670C2

#6670C2 の色情報

#6670C2 の色相別色一覧

#6670C2 の彩度別色一覧

#6670C2 の明度別色一覧

#6670C2 を使ったトーンオントーン

#6670C2 を使ったトーンイントーン

#6670C2 を使ったカマイユ

#6670C2 を使ったフォカマイユ

#6670C2 を使ったドミナントカラー

#6670C2 を使ったアイデンティティ

#6670C2 を使ったトライアド

#6670C2 を使ったスプリットコンプリメンタリー

#6670C2 を使ったテトラード

#6670C2 を使ったコントラスト