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

#6BA3E9 の色情報

#6BA3E9

画像
HEX	#6BA3E9
RGB	R:107 G:163 B:233
RGBの割合	R:42.0% G:63.9% B:91.4%
HSV	H:213.3 S:54.1 V:91.4
HSL	H:213.3 S:74.1 L:66.7
CMY	C:58.0 M:36.1 Y:8.6

CMYK	C:54.1 M:30.0 Y:0.0 K:8.6
YCbCr	Y:148.5 Cb:167.0 Cr:98.4
XYZ	X:33.9 Y:35.2 Z:82.1
xyY	x:0.224 y:0.233 Y:35.2

CIE Lab	L:65.9 a:1.4 b*:-40.8
CIE LCh	L:65.9 C:40.9 h:272.0
CIE Luv	L:65.9 u:-26.0 v*:-65.4
Hunter Lab	L:59.3 a:-1.9 b:-40.5

#6BA3E9 の色相別色一覧

#E9726B

#E9926B

#E9B16B

#E9D16B

#E2E96B

#C3E96B

#A3E96B

#84E96B

#6BE972

#6BE992

#6BE9B1

#6BE9D1

#6BE2E9

#6BC3E9

#6BA3E9

#6B84E9

#726BE9

#926BE9

#B16BE9

#D16BE9

#E96BE2

#E96BC3

#E96BA3

#E96B84

#6BA3E9 の彩度別色一覧

#E0E4E9

#D4DDE9

#C8D7E9

#BDD0E9

#B1CAE9

#A5C3E9

#9ABDE9

#8EB6E9

#82B0E9

#77A9E9

#6BA3E9

#5F9DE9

#5496E9

#4890E9

#3C89E9

#3183E9

#257CE9

#1976E9

#0E6FE9

#0269E9

#6BA3E9 の明度別色一覧

#020204

#070B10

#0D141D

#131D2A

#192637

#1F2F43

#253850

#2B415D

#304A6A

#365376

#3C5C83

#426590

#486D9D

#4E76A9

#547FB6

#5988C3

#5F91D0

#659ADC

#6BA3E9

#71ACF6

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

#6BA3E9

#6581C9

#273745

#5F7C94

#285675

#6BA3E9

#406C8C

#27446E

#363E52

#3256B3

#3D73B3

#34659E

#4E5D80

#6BA3E9

#374957

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

#E0EE79

#5DFB85

#6BA3E9

#F35F7C

#D270F8

#F17B7C

#D4EC81

#6EDCA0

#6BA3E9

#DB6DFF

#6BA3E9

#85F6B8

#CBE653

#DE7EEE

#D05D64

#6BA3E9 を使ったカマイユ

#70B8F8

#5594D5

#4B8AD0

#76B7F1

#6BA3E9

#5CA7F8

#89B5FD

#7CA7E1

#6BA3E9

#5B98FD

#8EC3FD

#5899DC

#7AACDA

#6BA3E9

#76BAFB

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

#6BA3E9

#4869D0

#8AB0FF

#6BA3FF

#4679D5

#85A6FB

#82A0FF

#6BA3E9

#8FB5FF

#4377DA

#6BA3E9

#6386C3

#588ED7

#8497E4

#9BD3FF

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

#67707A

#6BA3E9

#0253B8

#3368AB

#303338

#1B7DF7

#6BA3E9

#1E75E3

#1D57A1

#47576B

#182A40

#6BA3E9

#747D87

#D8E2F0

#649ADE

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

#1559AD

#576F8C

#6BA3E9

#215FAD

#265085

#6BA3E9

#1B4A85

#3366A6

#6BA3E9

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

#6BA3E9

#E96BA3

#A3E96B

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

#E9DB6B

#6BA3E9

#E9876B

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

#6BA3E9

#E96BE2

#E9B16B

#6BE972

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

#6BA3E9

#E9B16B

#6BA3E9

#E0E4E9

#6BA3E9

#2F4766

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

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

#6BA3E9

#6BA3E9 の色情報

#6BA3E9 の色相別色一覧

#6BA3E9 の彩度別色一覧

#6BA3E9 の明度別色一覧

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

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

#6BA3E9 を使ったカマイユ

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

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

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

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

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

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

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