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

#6BA3F9 の色情報

#6BA3F9

画像
HEX	#6BA3F9
RGB	R:107 G:163 B:249
RGBの割合	R:42.0% G:63.9% B:97.6%
HSV	H:216.3 S:57.0 V:97.6
HSL	H:216.3 S:92.2 L:69.8
CMY	C:58.0 M:36.1 Y:2.4

CMYK	C:57.0 M:34.5 Y:0.0 K:2.4
YCbCr	Y:150.1 Cb:174.0 Cr:97.3
XYZ	X:36.3 Y:36.2 Z:94.7
xyY	x:0.217 y:0.216 Y:36.2

CIE Lab	L:66.6 a:6.4 b*:-48.4
CIE LCh	L:66.6 C:48.8 h:277.5
CIE Luv	L:66.6 u:-25.8 v*:-78.9
Hunter Lab	L:60.1 a:2.4 b:-51.3

#6BA3F9 の色相別色一覧

#F97A6B

#F99E6B

#F9C16B

#F9E56B

#EAF96B

#C7F96B

#A3F96B

#80F96B

#6BF97A

#6BF99E

#6BF9C1

#6BF9E5

#6BEAF9

#6BC7F9

#6BA3F9

#6B80F9

#7A6BF9

#9E6BF9

#C16BF9

#E56BF9

#F96BEA

#F96BC7

#F96BA3

#F96B80

#6BA3F9 の彩度別色一覧

#F4F6F9

#E8EEF9

#DBE7F9

#CFDFF9

#C2D8F9

#B6D0F9

#A9C9F9

#9DC1F9

#90BAF9

#84B2F9

#77ABF9

#6BA3F9

#5F9BF9

#5294F9

#468CF9

#3985F9

#2D7DF9

#2076F9

#146EF9

#0767F9

#6BA3F9 の明度別色一覧

#030407

#080D14

#0E1520

#131D2D

#19263A

#1E2E47

#243653

#293F60

#2F476D

#34507A

#3A5886

#3F6093

#4569A0

#4A71AD

#5079B9

#5582C6

#5B8AD3

#6092E0

#669BEC

#6BA3F9

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

#283C4D

#426DA6

#588AC4

#375478

#6BA3F9

#416BBA

#132C54

#6BA3F9

#446080

#305591

#5684D1

#6BA3F9

#455873

#122B4A

#6C82AB

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

#F4926E

#61FFC3

#6BA3F9

#E553F4

#BDEF5D

#6BA3F9

#D9E263

#FC8180

#70E096

#ED75FF

#6BA3F9

#FF8673

#82FFC7

#E985FF

#CEEC6F

#6BA3F9 を使ったカマイユ

#6BA3F9

#6B9EFF

#7CABEA

#4F91EA

#71A1E2

#4B90E2

#78B0EC

#6BA3F9

#5090EC

#5CAAFF

#5081E5

#5CA4FF

#729EEA

#65A8F6

#6BA3F9

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

#6BA3F9

#73A3FF

#7AB8DA

#829EE5

#8AA8FF

#5478F1

#6BA3F9

#4B87F1

#62A3D5

#4C6BD3

#72AAE0

#8FCCFF

#6BA3F9

#597CFF

#7FD2FF

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

#0A1E3D

#6BA3F9

#96BAF2

#3065B8

#0B61E6

#6BA3F9

#253D61

#222C3B

#E1EBFA

#748DB3

#001C47

#6BA3F9

#9DA1A8

#384963

#767E8A

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

#627BA1

#6BA3F9

#05285E

#5978A8

#0F2C59

#6BA3F9

#78A0DE

#6BA3F9

#235299

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

#6BA3F9

#F96BA3

#A3F96B

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

#F9F06B

#6BA3F9

#F9926B

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

#6BA3F9

#F96BEA

#F9C16B

#6BF97A

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

#6BA3F9

#F9C16B

#6BA3F9

#E8EEF9

#6BA3F9

#2C4366

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

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

#6BA3F9

#6BA3F9 の色情報

#6BA3F9 の色相別色一覧

#6BA3F9 の彩度別色一覧

#6BA3F9 の明度別色一覧

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

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

#6BA3F9 を使ったカマイユ

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

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

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

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

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

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

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