#696BF4｜カラーサイト.com

#696BF4 の色情報

#696BF4

画像
HEX	#696BF4
RGB	R:105 G:107 B:244
RGBの割合	R:41.2% G:42.0% B:95.7%
HSV	H:239.1 S:57.0 V:95.7
HSL	H:239.1 S:86.3 L:68.4
CMY	C:58.8 M:58.0 Y:4.3

CMYK	C:57.0 M:56.1 Y:0.0 K:4.3
YCbCr	Y:120.8 Cb:188.4 Cr:117.4
XYZ	X:27.4 Y:20.0 Z:88.0
xyY	x:0.202 y:0.148 Y:20.0

CIE Lab	L:51.9 a:37.7 b*:-69.3
CIE LCh	L:51.9 C:78.9 h:298.6
CIE Luv	L:51.9 u:-8.6 v*:-110.4
Hunter Lab	L:44.8 a:30.9 b:-85.2

#696BF4 の色相別色一覧

#F48A69

#F4AD69

#F4CF69

#F4F269

#D3F469

#B1F469

#8EF469

#6BF469

#69F48A

#69F4AD

#69F4CF

#69F4F2

#69D3F4

#69B1F4

#698EF4

#696BF4

#8A69F4

#AD69F4

#CF69F4

#F269F4

#F469D3

#F469B1

#F4698E

#F4696B

#696BF4 の彩度別色一覧

#EFEFF4

#E3E3F4

#D7D7F4

#CBCBF4

#BEBFF4

#B2B3F4

#A6A7F4

#9A9BF4

#8E8FF4

#8183F4

#7577F4

#696BF4

#5D5FF4

#5153F4

#4447F4

#383BF4

#2C2FF4

#2023F4

#1417F4

#070BF4

#696BF4 の明度別色一覧

#010102

#06060F

#0C0C1B

#111228

#171735

#1C1D42

#22224E

#27285B

#2D2D68

#323375

#383981

#3D3E8E

#43449B

#4849A8

#4E4FB4

#5355C1

#595ACE

#5E60DB

#6465E7

#696BF4

#696BF4 を使ったトーンオントーン

#51529C

#696BF4

#383757

#383EBF

#40456B

#44496E

#7779BD

#565199

#696BF4

#2A2845

#606A99

#6359BA

#48457A

#696BF4

#1B225C

#696BF4 を使ったトーンイントーン

#EF54E9

#A8FF80

#696BF4

#5CF6FF

#FFB282

#9AFC74

#61E7DA

#FF87D9

#696BF4

#EAB673

#696BF4

#FC79F9

#CAF75B

#E77E78

#53E092

#696BF4 を使ったカマイユ

#847AFF

#6868E2

#5666FC

#696BF4

#7881FF

#827BF7

#696BF4

#5A55E5

#7E75EF

#505AEC

#4B59DD

#737AFF

#696BF4

#858DFF

#7C75F9

#696BF4 を使ったフォカマイユ

#6361D3

#4F7EFF

#977BFC

#696BF4

#737AFF

#4C59EC

#775EFF

#696BF4

#9083EF

#6559FF

#696BF4

#7081D8

#6A83DD

#667DDD

#756BDB

#696BF4 を使ったドミナントカラー

#696BF4

#020333

#79798A

#83848F

#39395C

#1C1EBA

#515170

#2325D9

#8181B5

#696BF4

#292952

#4F52FF

#8D8EA1

#696BF4

#0E11CF

#696BF4 を使ったトライアド

#696BF4

#F4696B

#6BF469

#696BF4 を使ったスプリットコンプリメンタリー

#C8F469

#696BF4

#F4C469

#696BF4 を使ったテトラード

#696BF4

#F469B1

#F4F269

#69F4AD

#696BF4 を使ったコントラスト

#696BF4

#F4F269

#696BF4

#E3E3F4

#696BF4

#2C2D66

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

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

#696BF4

#696BF4 の色情報

#696BF4 の色相別色一覧

#696BF4 の彩度別色一覧

#696BF4 の明度別色一覧

#696BF4 を使ったトーンオントーン

#696BF4 を使ったトーンイントーン

#696BF4 を使ったカマイユ

#696BF4 を使ったフォカマイユ

#696BF4 を使ったドミナントカラー

#696BF4 を使ったトライアド

#696BF4 を使ったスプリットコンプリメンタリー

#696BF4 を使ったテトラード

#696BF4 を使ったコントラスト