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

#6170C2 の色情報

#6170C2

画像
HEX	#6170C2
RGB	R:97 G:112 B:194
RGBの割合	R:38.0% G:43.9% B:76.1%
HSV	H:230.7 S:50.0 V:76.1
HSL	H:230.7 S:44.3 L:57.1
CMY	C:62.0 M:56.1 Y:23.9

CMYK	C:50.0 M:42.3 Y:0.0 K:23.9
YCbCr	Y:116.4 Cb:166.2 Cr:115.6
XYZ	X:20.5 Y:18.0 Z:53.4
xyY	x:0.223 y:0.196 Y:18.0

CIE Lab	L:49.5 a:17.2 b*:-44.8
CIE LCh	L:49.5 C:48.0 h:291.0
CIE Luv	L:49.5 u:-10.6 v*:-70.0
Hunter Lab	L:42.5 a:11.7 b:-44.9

#6170C2 の色相別色一覧

#C26A61

#C28361

#C29B61

#C2B361

#B9C261

#A1C261

#88C261

#70C261

#61C26A

#61C283

#61C29B

#61C2B3

#61B9C2

#61A1C2

#6188C2

#6170C2

#6A61C2

#8361C2

#9B61C2

#B361C2

#C261B9

#C261A1

#C26188

#C26170

#6170C2 の彩度別色一覧

#C2C2C2

#B8BAC2

#AFB2C2

#A5A9C2

#9BA1C2

#9299C2

#8891C2

#7E89C2

#7480C2

#6B78C2

#6170C2

#5768C2

#4E60C2

#4457C2

#3A4FC2

#3147C2

#273FC2

#1D37C2

#132EC2

#0A26C2

#6170C2 の明度別色一覧

#010203

#080910

#0E101C

#151829

#1B1F36

#212643

#282E4F

#2E355C

#343C69

#3B4476

#414B82

#48538F

#4E5A9C

#5461A9

#5B69B5

#6170C2

#6777CF

#6E7FDC

#7486E8

#7B8DF5

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

#212557

#404380

#9AB0E6

#6170C2

#676D99

#232D70

#A4A8EB

#6170C2

#212947

#5F6D94

#54607D

#6E75F0

#4A558C

#6170C2

#1C2D59

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

#87BD4C

#6170C2

#AE724E

#6ECCB7

#AE55A1

#6170C2

#D4795B

#C54FBB

#70D4C6

#9ED46E

#95B84D

#CC6ECA

#69B58E

#A9665D

#6170C2

#6170C2 を使ったカマイユ

#596AAE

#717DD9

#6780D6

#6170C2

#5561CA

#6F81D9

#6B7DCA

#6170C2

#4F64B8

#6575BA

#6170C2

#5E67C7

#5869B8

#6B72B3

#6174B0

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

#6E77B8

#766CE6

#6170C2

#756FCA

#5252D1

#8581DE

#5F72E3

#4A5CA3

#4E50B0

#6170C2

#697EA1

#4443A3

#6170C2

#6379BA

#4B6AA6

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

#1E3CE3

#313B6E

#2B4CFF

#6170C2

#B4B6BF

#414E94

#8795E0

#000836

#3951D4

#6170C2

#7D86BA

#6170C2

#626FB3

#737A9E

#606169

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

#6170C2

#334396

#182469

#2C4AF2

#6170C2

#4C5375

#6170C2

#3848A1

#001273

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

#6170C2

#C26170

#70C261

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

#B1C261

#6170C2

#C29361

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

#6170C2

#C261A1

#C2B361

#61C283

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

#6170C2

#C2B361

#6170C2

#001EC2

#6170C2

#333B66

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

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

#6170C2

#6170C2 の色情報

#6170C2 の色相別色一覧

#6170C2 の彩度別色一覧

#6170C2 の明度別色一覧

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

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

#6170C2 を使ったカマイユ

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

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

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

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

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

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

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