#6BA2F9｜カラーサイト.com

#6BA2F9 の色情報

#6BA2F9

画像
HEX	#6BA2F9
RGB	R:107 G:162 B:249
RGBの割合	R:42.0% G:63.5% B:97.6%
HSV	H:216.8 S:57.0 V:97.6
HSL	H:216.8 S:92.2 L:69.8
CMY	C:58.0 M:36.5 Y:2.4

CMYK	C:57.0 M:34.9 Y:0.0 K:2.4
YCbCr	Y:149.5 Cb:174.3 Cr:97.7
XYZ	X:36.1 Y:35.8 Z:94.6
xyY	x:0.217 y:0.215 Y:35.8

CIE Lab	L:66.4 a:7.0 b*:-48.9
CIE LCh	L:66.4 C:49.3 h:278.1
CIE Luv	L:66.4 u:-25.5 v*:-79.7
Hunter Lab	L:59.8 a:2.9 b:-51.9

#6BA2F9 の色相別色一覧

#F97B6B

#F99F6B

#F9C26B

#F9E66B

#E9F96B

#C6F96B

#A2F96B

#7FF96B

#6BF97B

#6BF99F

#6BF9C2

#6BF9E6

#6BE9F9

#6BC6F9

#6BA2F9

#6B7FF9

#7B6BF9

#9F6BF9

#C26BF9

#E66BF9

#F96BE9

#F96BC6

#F96BA2

#F96B7F

#6BA2F9 の彩度別色一覧

#F4F6F9

#E8EEF9

#DBE7F9

#CFDFF9

#C2D7F9

#B6D0F9

#A9C8F9

#9DC1F9

#90B9F9

#84B1F9

#77AAF9

#6BA2F9

#5F9AF9

#5293F9

#468BF9

#3983F9

#2D7CF9

#2074F9

#146DF9

#0765F9

#6BA2F9 の明度別色一覧

#030407

#080D14

#0E1520

#131D2D

#19263A

#1E2E47

#243653

#293E60

#2F476D

#344F7A

#3A5786

#3F6093

#4568A0

#4A70AD

#5079B9

#5581C6

#5B89D3

#6091E0

#669AEC

#6BA2F9

#6BA2F9 を使ったトーンオントーン

#252F4F

#495FA6

#6BA2F9

#38486E

#528FBF

#4B66A6

#6BA2F9

#243247

#3F4C6B

#5F8AD9

#31577D

#22314A

#6BA2F9

#7B94D1

#304F96

#6BA2F9 を使ったトーンイントーン

#ED80FC

#FFA187

#A9FF5C

#58E2CD

#6BA2F9

#E770FF

#6BA2F9

#9CF154

#FE8970

#54FFE5

#FF5471

#D87FFF

#EFDF54

#87FF82

#6BA2F9

#6BA2F9 を使ったカマイユ

#769DF6

#79A7F6

#68AAFF

#598AE5

#6BA2F9

#7DABFF

#6697FF

#87ACFF

#5790F1

#6BA2F9

#60A0F1

#7CA4FE

#76A4E0

#80A6FC

#6BA2F9 を使ったフォカマイユ

#87C4FF

#78A1FF

#7CB2D5

#69A7D3

#6BA2F9

#5289FF

#5883DD

#6291EF

#6BA2F9

#57A3FF

#6BA2F9

#829DE0

#82A9FE

#8CABFF

#4C71FF

#6BA2F9 を使ったドミナントカラー

#357EF2

#709EE6

#91959C

#6BA2F9

#0D59D1

#9DBBEB

#6BA2F9

#303C4F

#253959

#404347

#C8CFDB

#535F73

#8DAEE0

#989FAB

#6BA2F9

#6BA2F9 を使ったアイデンティティ

#134DA8

#6BA2F9

#536178

#7D92B3

#6BA2F9

#062B66

#0545AB

#3D506E

#6BA2F9

#6BA2F9 を使ったトライアド

#6BA2F9

#F96BA2

#A2F96B

#6BA2F9 を使ったスプリットコンプリメンタリー

#F9F16B

#6BA2F9

#F9936B

#6BA2F9 を使ったテトラード

#6BA2F9

#F96BE9

#F9C26B

#6BF97B

#6BA2F9 を使ったコントラスト

#6BA2F9

#F9C26B

#6BA2F9

#E8EEF9

#6BA2F9

#2C4266

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

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

#6BA2F9

#6BA2F9 の色情報

#6BA2F9 の色相別色一覧

#6BA2F9 の彩度別色一覧

#6BA2F9 の明度別色一覧

#6BA2F9 を使ったトーンオントーン

#6BA2F9 を使ったトーンイントーン

#6BA2F9 を使ったカマイユ

#6BA2F9 を使ったフォカマイユ

#6BA2F9 を使ったドミナントカラー

#6BA2F9 を使ったアイデンティティ

#6BA2F9 を使ったトライアド

#6BA2F9 を使ったスプリットコンプリメンタリー

#6BA2F9 を使ったテトラード

#6BA2F9 を使ったコントラスト