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

#6BA3F0 の色情報

#6BA3F0

画像
HEX	#6BA3F0
RGB	R:107 G:163 B:240
RGBの割合	R:42.0% G:63.9% B:94.1%
HSV	H:214.7 S:55.4 V:94.1
HSL	H:214.7 S:81.6 L:68.0
CMY	C:58.0 M:36.1 Y:5.9

CMYK	C:55.4 M:32.1 Y:0.0 K:5.9
YCbCr	Y:149.2 Cb:170.1 Cr:97.9
XYZ	X:34.9 Y:35.6 Z:87.5
xyY	x:0.221 y:0.225 Y:35.6

CIE Lab	L:66.2 a:3.6 b*:-44.2
CIE LCh	L:66.2 C:44.3 h:274.7
CIE Luv	L:66.2 u:-25.9 v*:-71.3
Hunter Lab	L:59.7 a:-0.1 b:-45.1

#6BA3F0 の色相別色一覧

#F0766B

#F0976B

#F0B86B

#F0D96B

#E6F06B

#C4F06B

#A3F06B

#82F06B

#6BF076

#6BF097

#6BF0B8

#6BF0D9

#6BE6F0

#6BC4F0

#6BA3F0

#6B82F0

#766BF0

#976BF0

#B86BF0

#D96BF0

#F06BE6

#F06BC4

#F06BA3

#F06B82

#6BA3F0 の彩度別色一覧

#EFEFF0

#E3E8F0

#D7E2F0

#CBDBF0

#BFD4F0

#B3CDF0

#A7C6F0

#9BBFF0

#8FB8F0

#83B1F0

#77AAF0

#6BA3F0

#5F9CF0

#5395F0

#478EF0

#3B87F0

#2F80F0

#2379F0

#1772F0

#0B6BF0

#6BA3F0 の明度別色一覧

#05070B

#0A1017

#101824

#162131

#1B2A3E

#21324A

#273B57

#2C4464

#324C71

#38557D

#3E5E8A

#436697

#496FA4

#4F78B0

#5480BD

#5A89CA

#6092D7

#659AE3

#6BA3F0

#71ACFD

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

#6BA3F0

#18365E

#28406B

#75A8CC

#6B8CA6

#5881A8

#6BA3F0

#526585

#1A3E5E

#4273CC

#162D52

#6BA3F0

#3858A1

#4163BD

#45557A

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

#6BA3F0

#E35A71

#E6D452

#59E173

#C86AFF

#C776F8

#DBE85A

#EB7C8F

#59ED88

#6BA3F0

#6FFFDF

#FFA484

#6BA3F0

#8EDE58

#DC5BE6

#6BA3F0 を使ったカマイユ

#73ABF3

#7199DC

#7AA1ED

#6BA3F0

#76A6DC

#619EE3

#6BA3F0

#5A98E8

#82BDF8

#659EFF

#6BA3F0

#537FD7

#7BAFF3

#5C8EE8

#77AFE6

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

#6AAEDE

#6BA3F0

#7CC2FF

#8CB6FD

#5371E3

#68A6CA

#6BA3F0

#4279DE

#4475E6

#4987CC

#90A3FF

#6686DC

#79B4FF

#6BA3F0

#79C8FF

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

#1173FA

#1556B0

#7E8FA6

#6BA3F0

#085CCF

#1F4170

#0D3163

#8DA0BA

#6BA3F0

#243347

#A3AFBF

#BFC9D6

#BDD3F2

#6BA3F0

#44474A

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

#2B548C

#6BA3F0

#1362CF

#1A4480

#2F64AD

#6BA3F0

#265AA3

#6BA3F0

#2B558F

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

#6BA3F0

#F06BA3

#A3F06B

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

#F0E46B

#6BA3F0

#F08C6B

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

#6BA3F0

#F06BE6

#F0B86B

#6BF076

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

#6BA3F0

#F0B86B

#6BA3F0

#E3E8F0

#6BA3F0

#2D4566

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

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

#6BA3F0

#6BA3F0 の色情報

#6BA3F0 の色相別色一覧

#6BA3F0 の彩度別色一覧

#6BA3F0 の明度別色一覧

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

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

#6BA3F0 を使ったカマイユ

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

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

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

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

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

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

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